.af{display:flex;justify-content:center;align-items:center;flex:1;padding:var(--space-4)}.af__card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);box-shadow:var(--shadow-lg)}.af__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-1);text-align:center}.af__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5);text-align:center;line-height:1.4}.af__legal-wrap{margin:var(--space-2) 0 var(--space-4)}.af__card--legal{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6)}.af__legal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-brand-50);color:var(--color-brand-600);margin-bottom:var(--space-5);animation:af-legal-pop .4s cubic-bezier(.34,1.56,.64,1) both}.af__legal-icon svg{width:32px;height:32px}@keyframes af-legal-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.af__card--legal .af__title{margin-bottom:var(--space-2)}.af__card--legal .af__subtitle{margin-bottom:var(--space-5);max-width:42ch;margin-left:auto;margin-right:auto;line-height:1.5}.af__legal-panel{text-align:left;background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);margin-bottom:var(--space-5);transition:border-color .2s,background .2s;animation:af-legal-fade-in .35s .08s ease-out both}.af__legal-panel:has(input:checked){background:var(--color-brand-50);border-color:var(--color-brand-200)}[data-theme=dark] .af__legal-panel{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}[data-theme=dark] .af__legal-panel:has(input:checked){background:#4fa96e1f;border-color:var(--color-brand-500)}@keyframes af-legal-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.af__legal-actions{display:flex;flex-direction:column;gap:var(--space-2);animation:af-legal-fade-in .35s .16s ease-out both}.af__btn-ghost{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.af__btn-ghost:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-neutral-400);color:var(--color-text)}.af__btn-ghost:active:not(:disabled){transform:scale(.98)}.af__btn-ghost:disabled{opacity:.5;cursor:not-allowed}.af__error{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-error);font-family:var(--font-sans);font-size:var(--text-sm);text-align:center;animation:af-rules-in .25s ease-out}.af__legal-load-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-error);font-family:var(--font-sans);font-size:var(--text-sm)}.af__legal-load-retry{flex-shrink:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-error);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.af__legal-load-retry:hover:not(:disabled){background:var(--color-error);color:#fff}.af__legal-load-retry:disabled{opacity:.6;cursor:not-allowed}.af-field{position:relative;cursor:text}.af-field__input{box-sizing:border-box;width:100%;padding:var(--space-3);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .2s,box-shadow .2s}.af-field__label{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);padding:0 4px;pointer-events:none;background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left center}.af-field.is-active .af-field__label,.af-field__input:not(:placeholder-shown)+.af-field__label,.af-field__input:-webkit-autofill+.af-field__label{top:0;transform:translateY(-50%) scale(.8);background:var(--color-surface)}.af-field.is-focused .af-field__label{color:var(--color-primary)}.af-field.is-focused .af-field__input{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.af-field__toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;opacity:0;pointer-events:none;transition:color .15s,opacity .15s}.af-field.is-focused .af-field__toggle{opacity:1;pointer-events:auto}.af-field__toggle:hover{color:var(--color-text)}.af-field__toggle svg{width:16px;height:16px}.af-field__caps{position:absolute;right:calc(var(--space-3) + 24px);top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-primary);opacity:0;pointer-events:none;animation:af-caps-in .2s ease-out forwards}@keyframes af-caps-in{0%{opacity:0;transform:translateY(-50%) scale(.7)}to{opacity:1;transform:translateY(-50%) scale(1)}}.af-field__caps svg{width:16px;height:16px}.af__form{display:flex;flex-direction:column;gap:var(--space-4)}.af__nameRow{display:flex;gap:var(--space-3)}.af__nameRow>*{flex:1;min-width:0}.af__forgot{text-align:right;margin-top:calc(-1 * var(--space-2))}.af__forgot a{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.af__forgot a:hover{text-decoration:underline}.af__pwRules{list-style:none;margin:calc(-1 * var(--space-2)) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);animation:af-rules-in .25s ease-out}@keyframes af-rules-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.af__pwRule{display:flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:11px;color:var(--color-text-muted);transition:color .2s}.af__pwRule.is-met{color:var(--color-success)}.af__pwRuleIcon{width:14px;height:14px;flex-shrink:0}.af__pwRule:not(.is-met) .af__pwRuleIcon{opacity:.4}.af__pwMatch{display:flex;align-items:center;gap:4px;margin-top:calc(-1 * var(--space-2));font-family:var(--font-sans);font-size:11px;color:var(--color-error);animation:af-rules-in .25s ease-out;transition:color .2s}.af__pwMatch.is-met{color:var(--color-success)}.af__pwMatch:not(.is-met) .af__pwRuleIcon{opacity:.4}.af__submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;cursor:pointer;box-shadow:0 2px 8px #1f7a3a40;transition:background .2s,box-shadow .2s,transform .1s}.af__submit:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #1f7a3a59}.af__submit:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 4px #1f7a3a33}.af__submit:disabled,.af__google:disabled{opacity:.6;cursor:not-allowed}.af__submitIcon{width:16px;height:16px;flex-shrink:0}.af__loading{display:flex;align-items:center;gap:var(--space-2)}.af__loadingDots{display:flex;align-items:center;gap:3px}.af__loadingDot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;animation:af-dot-wave 1.4s ease-in-out infinite}.af__loadingDot:nth-child(2){animation-delay:.16s}.af__loadingDot:nth-child(3){animation-delay:.32s}@keyframes af-dot-wave{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.35)}}.af__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.af__divider:before,.af__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.af__divider span{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.af__google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.af__google:hover{background:var(--color-bg);border-color:var(--color-neutral-400)}.af__google:active{transform:scale(.98)}.af__googleIcon{width:18px;height:18px;flex-shrink:0}.af__switch{margin:var(--space-4) 0 0;text-align:center;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted)}.af__switchBtn{background:none;border:none;padding:0;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:inherit;font-family:inherit;cursor:pointer}.af__switchBtn:hover{text-decoration:underline}.af__card--verify{text-align:center;padding:var(--space-8) var(--space-6)}.af__verify-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#4fa96e1a;color:var(--color-brand-600, #16a34a);margin-bottom:var(--space-5);animation:af-verify-pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes af-verify-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.af__verify-hint{color:var(--color-text-muted, #6b7280);font-size:.9rem;line-height:1.6;margin:var(--space-4) 0 var(--space-6)}.af__verify-resend{display:block;width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-brand-500, #16a34a);border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-brand-600, #16a34a);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-bottom:var(--space-3)}.af__verify-resend:hover:not(:disabled){background:#4fa96e14}.af__verify-resend:disabled{opacity:.5;cursor:not-allowed}.af__verify-back{display:block;width:100%;padding:var(--space-2);border:none;background:transparent;color:var(--color-text-muted, #6b7280);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:color .15s ease}.af__verify-back:hover{color:var(--color-text, #1f2937);text-decoration:underline}