.auth-page{position:relative;isolation:isolate;display:grid;place-items:center;padding:40px 24px calc(40px + env(safe-area-inset-bottom) + var(--consent-banner-height, 0px));min-height:100svh;background:var(--color-ink);color:var(--color-text);font-family:var(--font-ui)}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.auth-brand{display:block;width:fit-content;margin:0 auto 28px}.auth-visual{position:fixed;inset:0;z-index:-1;pointer-events:none}.auth-visual picture,.auth-visual img{display:block;width:100%;height:100%}.auth-visual img{object-fit:cover;object-position:center}.auth-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#05070726 15%,#05070799)}.auth-eyebrow{margin:0 0 20px;font:600 .75rem / 1.5 var(--font-heading);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-soft)}.auth-form-side{width:min(100%,460px);min-width:0}.auth-sheet{width:100%;padding:32px;border:1px solid var(--color-border-strong);border-radius:12px;background:#0a0a0ae6;backdrop-filter:blur(10px) brightness(.8);-webkit-backdrop-filter:blur(10px) brightness(.8)}.auth-title{color:var(--color-text);font:700 2.2rem / 1.1 var(--font-heading);text-align:center;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 28px}.auth-intro{color:var(--color-text-soft);font-size:.9rem;line-height:1.7;margin:0 0 28px}.auth-field{margin-bottom:20px}.auth-field .auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.auth-field>label,.auth-field .auth-label-row label{display:block;color:var(--color-text);font:500 .85rem / 1.5 var(--font-ui);margin-bottom:8px}.auth-field .auth-label-row label{margin-bottom:0}.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]{width:100%;min-height:52px;padding:12px 16px;box-sizing:border-box;border:1px solid var(--ww-input-border);border-radius:var(--ww-input-radius);background:var(--ww-input-bg);color:var(--color-text);font:400 16px var(--font-ui);transition:border-color var(--transition-default),box-shadow var(--transition-default)}:is(.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password])::placeholder{color:var(--color-text-secondary)}:is(.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:is(.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]):focus{border-color:var(--ww-input-focus-border);box-shadow:var(--ww-input-focus-ring)}:is(.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password])[aria-invalid=true]{border-color:var(--color-error)}.auth-password-control{position:relative}.auth-field .auth-password-control input{padding-right:56px}.auth-password-toggle{position:absolute;top:50%;right:4px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--color-text-soft);cursor:pointer;transform:translateY(-50%)}.auth-password-toggle:hover{background:var(--color-ink-panel-soft);color:var(--color-text)}.auth-field-feedback{display:block;margin-top:8px;color:var(--color-text-soft);font:400 .75rem / 1.5 var(--font-ui);overflow-wrap:anywhere}.auth-field-feedback.error{color:var(--color-error)}.auth-field-feedback.success{color:var(--color-success)}.auth-field-feedback.auth-field-feedback--placeholder{visibility:hidden}.auth-label-row .auth-field-feedback{margin-top:0}.auth-checkbox{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:16px;color:var(--color-text-soft);font-size:.85rem;cursor:pointer}.auth-checkbox input{width:18px;height:18px;accent-color:var(--color-primary)}.auth-submit{width:100%}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-strong)}.auth-divider span{color:var(--color-text-soft);font-size:.75rem}.auth-social{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:400px;margin-inline:auto}.auth-google{display:flex;justify-content:center;width:100%}.auth-google>div{width:100%;min-height:40px}.auth-google iframe{color-scheme:auto}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:16px}.auth-recovery-link,.auth-switch a,.auth-footer a{border:0;padding:0;background:none;color:var(--color-primary);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}:is(.auth-recovery-link,.auth-switch a,.auth-footer a):hover{color:var(--color-primary-light)}.auth-recovery-link{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem}.auth-label-row .auth-recovery-link{min-height:28px}.auth-switch{border-top:1px solid var(--color-border-strong);margin-top:24px;padding-top:24px;color:var(--color-text-soft);font-size:.85rem;line-height:1.7}.auth-switch a{color:var(--color-primary);font-weight:600}.auth-footer{padding-top:24px;color:var(--color-text-dim);font-size:.65rem;line-height:1.6}.auth-footer p{margin:0}.auth-footer a{color:inherit}.auth-footer a:hover{color:var(--color-text-soft)}.auth-recaptcha-notice{margin-top:12px!important}.auth-modal-actions{display:flex;justify-content:flex-end}.auth-activation-content,.auth-activation-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.auth-activation-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--color-text);font:700 1.65rem / 1.2 var(--font-heading);text-transform:uppercase}.auth-activation-detail{margin:0;color:var(--color-text-soft);font-size:.95rem;line-height:1.7}.auth-activation-detail strong{color:var(--color-text)}@media(max-width:480px){.auth-page{padding:28px 16px calc(28px + env(safe-area-inset-bottom) + var(--consent-banner-height, 0px));align-items:start}.auth-brand{margin-bottom:24px}.auth-sheet{padding:24px}.auth-title{font-size:1.9rem}.auth-submit{padding-inline:12px;min-height:52px;font-size:.84rem;letter-spacing:.08em}.auth-field{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *:before,.auth-page *:after{transition:none!important}}
