@layer page-layout{.auth-shell{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:400px;padding:40px}.auth-card--wide{max-width:520px}.auth-brand{align-items:center;gap:6px;margin-bottom:32px;display:flex}.auth-logo-mark{font-family:var(--font-display);font-size:var(--font-size-md);letter-spacing:.12em;color:var(--color-accent);font-weight:800}.auth-logo-dot{background:var(--color-accent-green);border-radius:50%;width:6px;height:6px}.auth-heading{font-family:var(--font-display);font-size:var(--font-size-3xl);letter-spacing:-.02em;color:var(--color-text);margin-bottom:6px;font-weight:800;line-height:1.2}.auth-subheading{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:28px}.auth-error{font-size:var(--font-size-sm);color:#f06b8a;background:#f06b8a14;border:1px solid #f06b8a4d;border-radius:8px;margin-bottom:20px;padding:12px 16px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:.02em;font-weight:500}.field-input{background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-body);border-radius:8px;outline:none;width:100%;padding:10px 14px;transition:border-color .15s}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #5b6bf81f}.auth-btn{background:var(--color-accent);color:#fff;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;transition:opacity .15s,transform .1s}.auth-btn:hover{opacity:.9}.auth-btn:active{transform:scale(.99)}.auth-footer-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin-top:24px}.auth-link{color:var(--color-accent);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.signup-shell{color:#171a1f;background:#f7f7f4;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.signup-story{color:#f8faf8;background:radial-gradient(circle at 78% 18%,#9be7be33,#0000 34%),linear-gradient(145deg,#12251f 0%,#18372d 58%,#0d1916 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.signup-story:after{content:"";aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;width:58%;position:absolute;bottom:-13%;right:-16%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.signup-brand,.signup-mobile-brand{color:inherit;letter-spacing:-.01em;z-index:1;align-items:center;gap:11px;font-weight:700;text-decoration:none;display:flex;position:relative}.signup-brand-mark{color:#12251f;width:34px;height:34px;font-family:var(--font-display);background:#9be7be;border-radius:10px;place-items:center;font-weight:900;display:grid}.signup-story-copy{z-index:1;max-width:610px;position:relative}.signup-kicker,.signup-step{text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px;font-size:11px;font-weight:700}.signup-kicker{color:#9be7be}.signup-step{color:#39785d}.signup-story h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,68px);line-height:.98}.signup-story-copy>p:not(.signup-kicker){color:#f8faf8b3;max-width:54ch;margin:28px 0 36px;font-size:clamp(15px,1.4vw,18px);line-height:1.65}.signup-benefits{gap:14px;margin:0;padding:0;list-style:none;display:grid}.signup-benefits li{color:#f8faf8e6;align-items:center;gap:14px;font-size:14px;display:flex}.signup-benefits span{font-family:var(--font-mono);color:#9be7be;font-size:10px}.signup-story-footer{z-index:1;color:#f8faf875;margin:0;font-size:12px;position:relative}.signup-form-panel{place-items:center;padding:48px clamp(28px,7vw,112px);display:grid}.signup-form-wrap{width:100%;max-width:570px}.signup-form-wrap .auth-heading{color:#171a1f;margin:0 0 10px;font-size:clamp(32px,4vw,46px)}.signup-form-wrap .auth-subheading{color:#68706c;max-width:52ch;line-height:1.55}.signup-form-wrap .field-label{color:#424943}.signup-form-wrap .field-input{color:#171a1f;background:#fff;border-color:#d9ddd9;min-height:46px}.signup-form-wrap .field-input:focus{border-color:#39785d;box-shadow:0 0 0 3px #39785d1f}.signup-form-wrap .field-input[aria-invalid=true]{border-color:#b64545}.field-error{color:#a63d3d;font-size:12px}.signup-form-wrap .auth-btn{background:#173a2e;min-height:50px;margin-top:8px}.signup-form-wrap .auth-btn:disabled{cursor:wait;opacity:.72}.signup-terms{color:#858b87;text-align:center;margin:-3px 0 0;font-size:11px;line-height:1.45}.signup-form-wrap .auth-footer-text{color:#737976}.signup-form-wrap .auth-link{color:#28674d}.signup-mobile-brand{display:none}@media (width<=900px){.signup-shell{grid-template-columns:1fr}.signup-story{display:none}.signup-form-panel{min-height:100vh}.signup-mobile-brand{color:#173a2e;margin-bottom:54px;display:flex}}@media (width<=540px){.auth-card,.auth-card--wide{padding:28px 20px}.field-row{grid-template-columns:1fr}.signup-form-panel{align-items:start;padding:28px 20px 40px}.signup-mobile-brand{margin-bottom:44px}}}