.auth-page{position:fixed;inset:0;display:flex;background:var(--bg-dark);font-family:var(--font-heading);color:var(--color-text)}.auth-page .auth-visual{flex:1;position:relative;overflow:hidden;display:none}@media(min-width:900px){.auth-page .auth-visual{display:flex}}.auth-page .auth-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(1.2)}.auth-page .auth-visual .auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.7) 0%,transparent 50%,rgba(10,10,10,.5) 100%);display:flex;flex-direction:column;padding:60px}.auth-page .auth-visual .auth-visual-overlay .auth-visual-title{margin-top:auto;font-size:3.5em;font-weight:700;text-transform:uppercase;letter-spacing:2px;line-height:1.1;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.8)}.auth-page .auth-visual .auth-visual-overlay .auth-visual-title .auth-logo-text{display:block;font-size:.4em;font-weight:700;letter-spacing:6px;color:var(--color-text-bright);text-decoration:none;margin-bottom:8px}.auth-page .auth-visual .auth-visual-overlay .auth-visual-title span{color:var(--color-primary)}.auth-page .auth-visual .auth-visual-overlay .auth-visual-subtitle{font-size:1.2em;color:#ffffffb3;max-width:400px;font-weight:400;line-height:1.5}.auth-page .auth-mobile-brand{text-align:center;padding:8px 0}@media(min-width:900px){.auth-page .auth-mobile-brand{display:none}}.auth-page .auth-mobile-brand a{display:block;font-family:var(--font-heading);font-size:1.6em;font-weight:700;letter-spacing:10px;color:var(--color-primary);text-decoration:none;text-transform:uppercase;text-shadow:0 0 30px rgba(var(--color-primary-rgb),.3)}.auth-page .auth-mobile-brand span{display:block;font-family:var(--font-body);font-size:.7em;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px}.auth-page .auth-form-side{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px;overflow-y:auto;background:var(--color-surface);box-sizing:border-box}@media(min-width:900px){.auth-page .auth-form-side{width:520px;max-width:520px;flex:none;flex-shrink:0;padding:40px 50px;border-left:1px solid var(--color-border-solid)}}.auth-page .auth-title{font-size:1.1em;font-weight:700;margin:auto 0 10px;padding-top:16px;text-transform:uppercase;letter-spacing:1px;text-align:center;color:var(--color-text-secondary)}@media(min-width:900px){.auth-page .auth-title{font-size:2em;padding-top:0;text-align:left;color:var(--color-text)}}.auth-page .auth-subtitle{color:var(--color-text-dim);font-size:.8em;margin:0 0 12px;font-family:var(--font-body);text-align:center}@media(min-width:900px){.auth-page .auth-subtitle{font-size:1em;margin-bottom:24px;text-align:left}}.auth-page .auth-field{margin-bottom:10px}@media(min-width:900px){.auth-page .auth-field{margin-bottom:20px}}.auth-page .auth-field .auth-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.auth-page .auth-field label{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-soft)}@media(min-width:900px){.auth-page .auth-field label{font-size:.85em}}.auth-page .auth-field input[type=text],.auth-page .auth-field input[type=email],.auth-page .auth-field input[type=password]{width:100%;padding:10px 12px;background:var(--ww-input-bg);border:1px solid var(--ww-input-border);border-radius:var(--ww-input-radius);color:var(--color-text);font-size:16px;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}@media(min-width:900px){.auth-page .auth-field input[type=text],.auth-page .auth-field input[type=email],.auth-page .auth-field input[type=password]{padding:12px 16px}}:is(.auth-page .auth-field input[type=text],.auth-page .auth-field input[type=email],.auth-page .auth-field input[type=password])::placeholder{color:var(--color-text-muted)}:is(.auth-page .auth-field input[type=text],.auth-page .auth-field input[type=email],.auth-page .auth-field input[type=password]):focus{outline:none;border-color:var(--ww-input-focus-border);box-shadow:var(--ww-input-focus-ring)}.auth-page .auth-field .auth-field-feedback{font-size:.7em;font-family:var(--font-body)}@media(min-width:900px){.auth-page .auth-field .auth-field-feedback{font-size:.75em}}.auth-page .auth-field .auth-field-feedback.hint{color:var(--color-text-hint)}.auth-page .auth-field .auth-field-feedback.error{color:var(--color-error)}.auth-page .auth-field .auth-field-feedback.success{color:var(--color-success)}.auth-page .auth-field>.auth-field-feedback{margin-top:6px}.auth-page .auth-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-body);font-size:.8em;color:var(--color-text-soft);cursor:pointer}@media(min-width:900px){.auth-page .auth-checkbox{margin-bottom:24px;font-size:.9em}}.auth-page .auth-checkbox input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.auth-page .btn-primary{width:100%;justify-content:center}.auth-page .auth-divider{display:flex;align-items:center;margin:14px 0;gap:16px}@media(min-width:900px){.auth-page .auth-divider{margin:28px 0}}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";flex:1;height:1px;background:var(--color-surface-medium)}.auth-page .auth-divider span{color:var(--color-text-hint);font-size:.85em;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.auth-page .auth-google{display:flex;justify-content:center}.auth-page .auth-google iframe{border-radius:4px;color-scheme:auto}.auth-page .auth-links{margin-top:10px;display:flex;justify-content:space-between;font-family:var(--font-body);font-size:.8em}@media(min-width:900px){.auth-page .auth-links{margin-top:14px;font-size:.85em}}.auth-page .auth-links a{color:var(--color-text-dim);text-decoration:none;transition:color .2s}.auth-page .auth-links a:hover{color:var(--color-primary);text-decoration:none}.auth-page .auth-switch{margin-top:14px;text-align:center;font-size:.8em;color:var(--color-text-dim);font-family:var(--font-body)}@media(min-width:900px){.auth-page .auth-switch{margin-top:20px;font-size:.95em}}.auth-page .auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-page .auth-switch a:hover{text-decoration:underline}.auth-page .auth-footer{margin-top:auto;padding-top:12px;font-family:var(--font-body);font-size:.65em;color:var(--color-text-muted);line-height:1.5;text-align:center}@media(min-width:900px){.auth-page .auth-footer{padding-top:24px}}@media(min-width:900px){.auth-page .auth-footer{padding-top:24px;font-size:.75em;line-height:1.6}}.auth-page .auth-footer a{color:var(--color-text-muted);text-decoration:underline}.auth-page .auth-footer a:hover{color:var(--color-text-light)}.auth-page .auth-recaptcha-notice{padding-top:0}.auth-page .auth-activation-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.auth-page .auth-activation-content .auth-title{margin:0;padding:0}.auth-page .auth-activation-status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}@media(min-width:900px){.auth-page .auth-activation-status{gap:16px}}.auth-page .auth-activation-status .btn-primary{padding:12px;margin-top:8px;text-decoration:none}.auth-page .auth-activation-heading{font-size:1.2em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0;display:flex;align-items:center;justify-content:center;gap:6px}@media(min-width:900px){.auth-page .auth-activation-heading{font-size:1.5em}}.auth-page .auth-activation-detail{font-family:var(--font-body);font-size:.85em;color:var(--color-text-soft);margin:0;line-height:1.5}@media(min-width:900px){.auth-page .auth-activation-detail{font-size:1em}}.auth-page .auth-activation-detail strong{color:var(--color-primary)}
