.af-page{min-height:100dvh;padding:var(--space-xl) var(--space-xl) var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.af-orb{pointer-events:none;border-radius:9999px;position:absolute}.af-orb--1{background:radial-gradient(ellipse 60% 50% at 50% 0%, var(--brand-primary-glow), transparent 70%);width:700px;height:700px;top:-18%;left:50%;transform:translate(-50%)}.af-orb--2{background:radial-gradient(circle,#daa6371a 0%,#0000 65%);width:400px;height:400px;bottom:-10%;right:-5%}.af-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;-webkit-backdrop-filter:var(--blur);padding:var(--space-3xl) var(--space-2xl);gap:var(--space-xl);flex-direction:column;display:flex;position:relative}.af-logo-wrap{align-items:center;gap:var(--space-sm);flex-direction:column;text-decoration:none;display:flex}.af-logo-wrap:hover .af-logo-text{opacity:.8}.af-logo-img{object-fit:contain;width:44px;height:44px}.af-logo-text{font-family:var(--font-display);letter-spacing:.14em;background:linear-gradient(135deg, var(--brand-text) 0%, var(--brand-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.82rem;font-weight:700;transition:opacity .15s ease-out}.af-header{text-align:center;gap:var(--space-sm);flex-direction:column;display:flex}.af-heading{font-family:var(--font-display);color:var(--brand-text);letter-spacing:.03em;font-size:1.5rem;font-weight:600}.af-sub{color:var(--brand-muted);font-size:.875rem;line-height:1.6}.af-form{gap:var(--space-lg);flex-direction:column;display:flex}.af-field{gap:var(--space-xs);flex-direction:column;display:flex}.af-label{color:var(--brand-text);letter-spacing:.02em;font-size:.8rem;font-weight:600}.af-label-req{color:var(--brand-danger);margin-left:2px}.af-input-wrap{align-items:center;display:flex;position:relative}.af-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:48px;padding:var(--space-md) var(--space-lg);color:var(--brand-text);font-family:var(--font-body);background:#ffffff08;outline:none;font-size:1rem;transition:border-color .15s ease-out,box-shadow .15s ease-out}.af-input::placeholder{color:var(--brand-muted);opacity:.6}.af-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.af-input--error{border-color:var(--brand-danger);box-shadow:0 0 0 3px #c83c5026}.af-input--has-toggle{padding-right:48px}.af-otp{text-align:center;letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:1.5rem}.af-pw-toggle{width:48px;color:var(--brand-muted);cursor:pointer;border-radius:0 var(--radius) var(--radius) 0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.af-pw-toggle:hover{color:var(--brand-accent)}.af-error{color:var(--brand-danger);font-size:.8rem;line-height:1.4}.af-helper{color:var(--brand-muted);font-size:.78rem;line-height:1.5}.af-global-error{border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);color:var(--brand-danger);background:#c83c501a;border:1px solid #c83c504d;font-size:.875rem;line-height:1.5}.af-strength{align-items:center;gap:var(--space-md);display:flex}.af-strength__bars{flex:1;gap:4px;display:flex}.af-strength__bar{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .2s ease-out}.af-strength__bar--danger{background:var(--brand-danger)}.af-strength__bar--warning{background:var(--brand-warning)}.af-strength__bar--success{background:var(--brand-success)}.af-strength__label{text-align:right;min-width:36px;font-size:.72rem;font-weight:600;transition:color .2s ease-out}.af-strength__label--danger{color:var(--brand-danger)}.af-strength__label--warning{color:var(--brand-warning)}.af-strength__label--success{color:var(--brand-success)}.af-submit{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--brand-primary);width:100%;min-height:48px;color:var(--brand-text);font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:background .15s ease-out,box-shadow .15s ease-out;display:flex}.af-submit:hover:not(:disabled){background:var(--brand-primary-dark);box-shadow:0 2px 14px #a3498738}.af-submit:active:not(:disabled){transition:transform 80ms ease-in;transform:scale(.98)}.af-submit:disabled{opacity:.5;cursor:not-allowed}.af-submit--ghost{background:var(--brand-primary-light);color:var(--brand-accent);border:1px solid var(--border-p)}.af-submit--ghost:hover:not(:disabled){box-shadow:none;background:#a3498747}@keyframes af-spin{to{transform:rotate(360deg)}}.af-spinner{border:2px solid #f0e8f44d;border-top-color:var(--brand-text);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite af-spin}.af-submit--ghost .af-spinner{border-top-color:var(--brand-accent)}.af-divider{align-items:center;gap:var(--space-md);display:flex}.af-divider:before,.af-divider:after{content:"";background:var(--border);flex:1;height:1px}.af-divider__text{color:var(--brand-muted);white-space:nowrap;font-size:.72rem}.af-label-row{justify-content:space-between;align-items:center;display:flex}.af-links{align-items:center;gap:var(--space-sm);flex-direction:column;font-size:.875rem;display:flex}.af-link{color:var(--brand-accent);font-weight:500;text-decoration:none;transition:color .15s ease-out}.af-link:hover{color:var(--brand-primary)}.af-link--muted{color:var(--brand-muted)}.af-link--small{font-size:.8rem}.af-resend-row{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--brand-muted);font-size:.825rem;display:flex}.af-resend-btn{color:var(--brand-accent);font-family:var(--font-body);cursor:pointer;padding:var(--space-xs) 0;background:0 0;border:none;align-items:center;min-height:44px;font-size:.825rem;font-weight:600;transition:color .15s ease-out;display:inline-flex}.af-resend-btn:hover{color:var(--brand-primary)}.af-resend-btn:disabled{color:var(--brand-muted);cursor:default;opacity:.6}.af-method-list{gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.af-method-btn{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:var(--space-md) var(--space-lg);color:var(--brand-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;min-height:44px;font-size:.875rem;transition:border-color .15s ease-out,color .15s ease-out}.af-method-btn:hover{border-color:var(--border-p);color:var(--brand-text)}.af-passkey-btn{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--brand-primary-light);border:1px solid var(--border-p);border-radius:var(--radius);width:100%;min-height:48px;color:var(--brand-accent);font-family:var(--font-body);cursor:pointer;font-size:.95rem;font-weight:600;transition:background .15s ease-out,box-shadow .15s ease-out;display:flex}.af-passkey-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--brand-primary-glow);background:#a3498747}.af-passkey-btn:disabled{opacity:.5;cursor:not-allowed}.af-passkey-btn .af-spinner{border-top-color:var(--brand-accent)}.af-back-btn{font-family:var(--font-body);color:var(--brand-muted);cursor:pointer;padding:var(--space-xs) 0;align-items:center;gap:var(--space-xs);background:0 0;border:none;align-self:flex-start;min-height:44px;font-size:.875rem;transition:color .15s ease-out;display:inline-flex}.af-back-btn:hover{color:var(--brand-text)}.af-close-btn{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--brand-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s ease-out,color .15s ease-out;display:flex;position:absolute}.af-close-btn:hover{background:var(--surface2);color:var(--brand-text)}.af-close-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.af-logos-row{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.af-logos-arrow{color:var(--brand-muted);flex-shrink:0;align-items:center;display:flex}.af-sent-icon{width:56px;height:56px;color:var(--brand-success);background:#5fc3781f;border:1px solid #5fc3784d;border-radius:50%;justify-content:center;align-items:center;margin-inline:auto;display:flex}@keyframes af-pop-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.af-status-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-inline:auto;animation:.28s cubic-bezier(.16,1,.3,1) both af-pop-in;display:flex}@media (prefers-reduced-motion:reduce){.af-status-icon{animation:none}}.af-status-icon--success{color:var(--brand-success);background:#5fc3781f;border:1px solid #5fc3784d}.af-status-icon--warning{color:var(--brand-warning);background:#dc82301f;border:1px solid #dc823059}.af-status-icon--error{color:var(--brand-danger);background:#c83c501f;border:1px solid #c83c504d}