.signup-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.signup-visual{background:var(--bg2);flex-direction:column;justify-content:space-between;padding:100px 60px 60px;display:flex;position:relative;overflow:hidden}.signup-visual-bg{filter:brightness(.25)saturate(.6);background:url(https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?w=900&q=85) 50%/cover;position:absolute;inset:0}.signup-visual-content{z-index:2;position:relative}.signup-tagline{font-family:var(--serif);color:var(--cream);margin-top:80px;margin-bottom:40px;font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.15}.signup-tagline em{color:var(--gold);font-style:italic}.signup-perks{flex-direction:column;gap:20px;display:flex}.signup-perk{align-items:flex-start;gap:16px;display:flex}.perk-dot{border:1px solid var(--gold);flex-shrink:0;width:8px;height:8px;margin-top:5px}.perk-text{color:var(--muted);font-size:13px;line-height:1.6}.perk-text strong{color:var(--cream);font-weight:500}.signup-form-side{background:var(--bg);flex-direction:column;justify-content:center;padding:80px 72px;display:flex}.signup-form-side .auth-logo{font-family:var(--serif);letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:48px;font-size:18px;font-weight:300;display:block}.signup-form-side .auth-logo em{color:var(--gold);font-style:normal}.signup-form-side .auth-h{font-family:var(--serif);color:var(--cream);margin-bottom:8px;font-size:40px;font-weight:300}.signup-form-side .auth-h em{color:var(--gold);font-style:italic}.signup-form-side .auth-sub{color:var(--muted);margin-bottom:36px;font-size:13px;font-weight:300}.plan-toggle{border:1px solid var(--line2);margin-bottom:32px;display:flex}.plan-toggle-btn{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:var(--muted);text-align:center;background:0 0;border:none;flex:1;padding:12px 16px;font-size:10px;transition:all .2s}.plan-toggle-btn.active{background:var(--gold-dim);color:var(--gold);border-bottom:1px solid var(--gold)}.plan-toggle-btn:first-child{border-right:1px solid var(--line2)}.signup-form-side .form-field{margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.signup-form-side .form-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:9.5px;font-weight:500;display:block}.signup-form-side .form-input{background:var(--bg2);border:1px solid var(--line2);width:100%;color:var(--cream);font-family:var(--sans);outline:none;padding:14px 18px;font-size:14px;font-weight:300;transition:border-color .2s;display:block}.signup-form-side .form-input:focus{border-color:var(--gold)}.signup-form-side .form-input::placeholder{color:var(--faint)}.form-terms{color:var(--faint);margin:20px 0;font-size:11px;line-height:1.6}.form-terms a{color:var(--gold-dk);transition:color .2s}.form-terms a:hover{color:var(--gold)}.signup-form-side .form-submit{background:var(--gold);width:100%;color:var(--bg);font-family:var(--sans);letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;padding:16px;font-size:10px;font-weight:600;transition:background .25s;display:block}.signup-form-side .form-submit:hover{background:var(--gold-lt)}.signup-form-side .form-switch{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.signup-form-side .form-switch a{color:var(--gold)}@media (max-width:900px){.signup-page{grid-template-columns:1fr}.signup-visual{display:none}.signup-form-side{padding:80px 40px}}@media (max-width:480px){.signup-form-side{padding:80px 24px}.form-row{grid-template-columns:1fr}}
