/* AAgFFiN registration page — role picker, form, searchable country combobox,
   password strength meter. Builds on aagffin-login.css's shared tokens
   (.ag-login-back, .ag-login-signup, .ag-login-terms, input styling). */

/* The register form can be taller than one screen (role picker + 5 fields),
   so — unlike the login page — this page scrolls normally. */
html,body.ag-register-body{height:auto;overflow:auto}

.ag-register{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:2rem 2.5rem;background:#fff}
.ag-register-center{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 0}
.ag-register-card{width:100%;max-width:560px}

.ag-register-head{text-align:center;margin-bottom:1.75rem}
.ag-register-icon{width:52px;height:52px;margin:0 auto 1rem;border-radius:50%;background:var(--avocado-l);color:var(--avocado-d);
  display:flex;align-items:center;justify-content:center}
.ag-register-head h1,.ag-register-done h1{font-family:var(--fd);font-size:1.7rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}
.ag-register-head p,.ag-register-done p{color:var(--mid);font-size:.92rem}

.ag-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:1.75rem}
@media(max-width:560px){.ag-picks{grid-template-columns:1fr}}
.ag-pick{border:2px solid var(--border);border-radius:17px;padding:1.1rem .7rem;display:flex;flex-direction:column;
  align-items:center;text-align:center;gap:6px;transition:all .16s;background:#fff;cursor:pointer;font-family:var(--fb)}
.ag-pick:hover{border-color:var(--green-m);transform:translateY(-2px)}
.ag-pick[aria-pressed="true"]{border-color:var(--green);background:var(--green-l)}
.ag-pick-i{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ag-pick b{font-size:.88rem;color:var(--dark)}
.ag-pick span{font-size:.72rem;color:var(--mid);line-height:1.4}

.ag-two{display:grid;grid-template-columns:1fr;gap:0}
.ag-fld{margin-bottom:1rem;position:relative}
.ag-fld label{display:block;font-size:.8rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}
.ag-fld input[type="text"],.ag-fld input[type="email"],.ag-fld input[type="password"],.ag-fld input:not([type]){
  width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:12px;font-size:.92rem;
  background:#fff;color:var(--dark);font-family:var(--fb)}
.ag-fld input:focus{outline:none;border-color:var(--green)}

.ag-combobox-list{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:4px;max-height:220px;overflow-y:auto;
  background:#fff;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 12px 28px rgba(45,33,24,.12);
  list-style:none;padding:.35rem}
.ag-combobox-list li{padding:.55rem .7rem;border-radius:8px;font-size:.88rem;color:var(--dark);cursor:pointer}
.ag-combobox-list li:hover{background:var(--green-l)}

.ag-funding-tabs{display:flex;flex-wrap:wrap;gap:8px}
.ag-funding-tab{border:1.5px solid var(--border);border-radius:50px;padding:.5rem 1rem;font-size:.82rem;
  color:var(--dark);background:#fff;cursor:pointer;transition:all .16s;font-family:var(--fb)}
.ag-funding-tab:hover{border-color:var(--green-m)}
.ag-funding-tab[aria-pressed="true"]{border-color:var(--green);background:var(--green-l);color:var(--green-d);font-weight:700}

.ag-pw{display:flex;gap:5px;margin-top:.6rem}
.ag-pw i{height:5px;flex:1;border-radius:3px;background:var(--border);transition:background .2s}
.ag-pw i.w{background:var(--paprika)} .ag-pw i.f{background:var(--mango)} .ag-pw i.s{background:var(--avocado)}
.ag-hint{font-size:.75rem;color:var(--muted);margin-top:.5rem}

.ag-err{color:var(--red-d);font-size:.82rem;margin:.7rem 0 0;display:none;font-weight:700}

.ag-register-submit{width:100%;padding:.95rem;border-radius:50px;background:var(--green);color:#fff;font-weight:700;
  font-size:.95rem;border:none;cursor:pointer;transition:background .2s;margin-top:.4rem;text-align:center;font-family:var(--fb)}
.ag-register-submit:hover{background:var(--green-d)}
.ag-register-submit:disabled{opacity:.6;cursor:not-allowed}

.ag-register-done{text-align:center;padding:1rem 0}
.ag-register-done .ag-register-icon{background:var(--green-l);color:var(--green-d)}