.login{background:var(--background-field);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--divider);background:var(--surface-context);border-radius:16px;width:100%;min-width:0;max-width:400px;padding:32px 28px}.login-brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);margin:0 0 4px;font-size:1.15rem;font-weight:640}.login-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 6px;font-size:1.5rem;font-weight:680}.login-subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem}.login-form{flex-direction:column;gap:16px;min-width:0;display:flex}.login-field{flex-direction:column;gap:6px;min-width:0;display:flex}.login-field label{color:var(--text-secondary);font-size:.9rem}.login-field input{min-height:44px;font-size:1rem;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--divider-strong);border-radius:10px;padding:10px 12px}.login-field input:disabled{opacity:.6}.login-error{color:var(--text-primary);background:color-mix(in srgb, var(--signal-active) 12%, transparent);border:1px solid color-mix(in srgb, var(--signal-active) 40%, transparent);border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.login-error__ref{color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem}.login-submit{min-height:46px;color:var(--background-base);background:var(--signal-active);cursor:pointer;border:none;border-radius:10px;margin-top:4px;font-size:1rem;font-weight:600}.login-submit:disabled{opacity:.7;cursor:progress}.register-form{flex-direction:column;gap:16px;display:flex}.register-field{flex-direction:column;gap:6px;min-width:0;display:flex}.register-field label{color:var(--text-secondary);font-size:.9rem}.register-field__optional{color:var(--text-muted);font-weight:400}.register-field input{width:100%;min-width:0;min-height:44px;font-size:1rem;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--divider-strong);border-radius:10px;padding:10px 12px}.register-field input:disabled{opacity:.6}.register-field__hint{color:var(--text-muted);margin:0;font-size:.82rem}.register-field__error{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:.85rem}.register-field__error:before{content:"⚠ "}.register-error{color:var(--text-primary);background:color-mix(in srgb, var(--signal-active) 12%, transparent);border:1px solid color-mix(in srgb, var(--signal-active) 40%, transparent);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.register-error:before{content:"⚠ "}.register-error__ref{color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem}.register-referral{color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--divider);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 12px;font-size:.85rem}.register-referral--warn:before{content:"⚠ "}.register-submit{text-align:center;width:100%;min-height:46px;color:var(--background-base);background:var(--signal-active);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:1rem;font-weight:600;text-decoration:none;display:block}.register-submit:disabled{opacity:.7;cursor:progress}.auth-captcha{flex-direction:column;gap:6px;min-width:0;display:flex}.auth-captcha__frame{max-width:100%;overflow-x:auto}.auth-captcha__status{color:var(--text-muted);margin:0;font-size:.85rem}.auth-captcha__status:empty{display:none}.auth-captcha--failed{color:var(--text-primary);background:color-mix(in srgb, var(--signal-active) 12%, transparent);border:1px solid color-mix(in srgb, var(--signal-active) 40%, transparent);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.auth-captcha--failed:before{content:"⚠ "}.auth-status{color:var(--text-muted);margin:0;font-size:.85rem}.auth-status:empty{display:none}.register-alt{color:var(--text-secondary);margin:0;font-size:.9rem}.register-alt__link{color:var(--signal-active);font-weight:600}.register-success__title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:1.2rem;font-weight:660}.register-success__body{color:var(--text-secondary);margin:0 0 12px;font-size:.95rem}.register-success__email{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.9rem}.register-form :is(input,button,a):focus-visible,.register-success :is(button,a):focus-visible,.register-error:focus-visible{outline:2px solid var(--signal-active);outline-offset:2px}
