@layer marketing{.auth-page{--auth-bg:#1c1917;--auth-surface:#26221f;--auth-text:#f5f0e6;--auth-text-muted:#a8a099;--auth-text-dim:#6b6560;--auth-accent:#dbc1a0;--auth-border:#332d29;--auth-border-hover:#4a423d;--auth-error:#ef4444;background:var(--auth-bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-container{width:100%;max-width:400px;animation:auth-fade-in .6s var(--ease-out) both;padding:8px}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;font-family:var(--font-serif);letter-spacing:.02em;color:var(--auth-accent);transition:opacity .2s var(--ease-out);margin-bottom:56px;font-size:28px;font-weight:300;text-decoration:none;display:block}@media (hover:hover){.auth-logo:hover{opacity:.8}}.auth-heading{font-family:var(--font-serif);color:var(--auth-text);text-align:center;letter-spacing:-.01em;margin-bottom:12px;font-size:36px;font-weight:300;line-height:1.2}.auth-subheading{color:var(--auth-text-muted);text-align:center;margin-bottom:40px;font-size:15px;font-weight:300;line-height:1.5}.auth-social-group{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.auth-btn-google{color:#1f1f1f;cursor:pointer;width:100%;height:56px;transition:background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff;border:1px solid #747775;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:500;display:flex}@media (hover:hover){.auth-btn-google:hover{background:#f7f8f8;box-shadow:0 1px 3px #0000001a}}.auth-btn-google:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.auth-btn-google svg{flex-shrink:0;width:18px;height:18px}.auth-btn-apple{color:#fff;letter-spacing:-.01em;cursor:pointer;width:100%;height:56px;transition:background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:16px;font-weight:500;display:flex}@media (hover:hover){.auth-btn-apple:hover{background:#1a1a1a;box-shadow:0 2px 6px #0000004d}}.auth-btn-apple:focus-visible{outline-offset:2px;outline:2px solid #fff}.auth-btn-apple svg{flex-shrink:0;width:16px;height:16px}.auth-divider{align-items:center;gap:20px;margin-bottom:40px;display:flex}.auth-divider-line{background:var(--auth-border);flex:1;height:1px}.auth-divider-text{color:var(--auth-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.auth-form{flex-direction:column;gap:28px;display:flex}.auth-field{flex-direction:column;gap:10px;display:flex}.auth-field-row{gap:16px;display:flex}.auth-field-row .auth-field{flex:1}.auth-label{color:var(--auth-text-muted);font-size:14px;font-weight:400}.auth-input{border:1px solid var(--auth-border);width:100%;height:56px;color:var(--auth-text);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:0 0;border-radius:8px;padding:0 18px;font-size:16px;font-weight:300}.auth-input::placeholder{color:var(--auth-text-dim)}@media (hover:hover){.auth-input:hover{border-color:var(--auth-border-hover)}}.auth-input:focus-visible{border-color:var(--auth-accent);outline:none;box-shadow:0 0 0 3px #dbc1a01a}.auth-input[aria-invalid=true]{border-color:var(--auth-error)}.auth-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef44441a}.auth-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:400;display:flex}.auth-error-icon{flex-shrink:0}.auth-optional{color:var(--auth-text-dim);font-weight:300}.auth-submit{background:var(--auth-accent);border:1px solid var(--auth-accent);width:100%;height:56px;color:var(--auth-bg);cursor:pointer;transition:background-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:8px;margin-top:12px;padding:0 24px;font-size:15px;font-weight:500}@media (hover:hover){.auth-submit:hover:not(:disabled){background:var(--auth-text);border-color:var(--auth-text);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}}.auth-submit:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit-loading{align-items:center;gap:8px;display:inline-flex}.auth-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:var(--auth-text-muted);margin-top:40px;font-size:15px;line-height:1.5}.auth-footer-link{color:var(--auth-accent);transition:opacity .2s var(--ease-out);text-decoration:none}@media (hover:hover){.auth-footer-link:hover{opacity:.8}}@media (prefers-reduced-motion:reduce){.auth-container{animation:none}.auth-spinner{animation-duration:1.5s}}@media (prefers-reduced-motion:reduce) and (hover:hover){.auth-submit:hover:not(:disabled){transform:none}}}