.auth-split{background:var(--joon-bg);width:100%;min-height:100vh;font-family:var(--font-sans);color:var(--joon-text);grid-template-columns:5fr 7fr;display:grid}.auth-split-visual{color:#fff;flex-direction:column;justify-content:space-between;padding:56px 48px;display:flex;position:relative;overflow:hidden}.auth-split-visual--login{background:linear-gradient(155deg, var(--joon-primary) 0%, var(--joon-primary-dark) 100%)}.auth-split-visual--signup{background:var(--joon-text)}.auth-split-blob{background:var(--joon-accent);opacity:.18;filter:blur(80px);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-120px}.auth-split-visual--signup .auth-split-blob{opacity:.15;filter:blur(60px);width:300px;height:300px;top:auto;bottom:-60px;right:-80px}.auth-split-visual-top,.auth-split-visual-mid{position:relative}.auth-split-visual-bot{opacity:.6;font-size:13px;position:relative}.auth-split-logo{color:#fff;display:inline-block}.auth-split-headline{font-family:var(--font-display);letter-spacing:-1px;margin:0 0 16px;font-size:44px;font-weight:500;line-height:1.1}.auth-split-headline em{color:var(--joon-accent);font-style:italic}.auth-split-sub{opacity:.85;max-width:360px;margin:0;font-size:16px;line-height:1.55}.auth-split-bullets{opacity:.88;flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.auth-split-bullets li{align-items:flex-start;gap:10px;display:flex}.auth-split-bullets li:before{content:"✓";color:var(--joon-accent);flex-shrink:0;font-weight:700}.auth-split-badge{background:var(--joon-accent);color:var(--joon-text);border-radius:var(--r-full);letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.auth-split-form-wrap{justify-content:center;align-items:center;padding:48px;display:flex;overflow-y:auto}.auth-split-form{width:100%;max-width:420px}.auth-split-label{letter-spacing:2px;text-transform:uppercase;color:var(--joon-text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.auth-split-title{font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:500;line-height:1.1}.auth-split-lead{color:var(--joon-text-muted);margin:0 0 32px;font-size:15px}.auth-split-link{color:var(--joon-primary);font-weight:600;text-decoration:none}.auth-split-link:hover{text-decoration:underline}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--joon-text);font-size:12px;font-weight:600}.auth-input{background:var(--joon-surface);border:1px solid var(--joon-border);border-radius:var(--r-md);height:48px;color:var(--joon-text);transition:border-color var(--t-micro), box-shadow var(--t-micro);outline:none;padding:0 14px;font-family:inherit;font-size:14px}.auth-input:focus{border-color:var(--joon-primary);box-shadow:var(--sh-focus)}.auth-input::placeholder{color:var(--joon-text-subtle)}.auth-forgot{text-align:right;color:var(--joon-primary);cursor:pointer;font-size:13px;font-weight:600}.auth-forgot:hover{text-decoration:underline}.auth-error{background:var(--joon-danger-50);color:var(--joon-danger);border:1px solid var(--joon-danger);border-radius:var(--r-md);margin:0;padding:10px 14px;font-size:13px;font-weight:500}.auth-submit{background:var(--joon-primary);color:#fff;border-radius:var(--r-full);cursor:pointer;height:52px;transition:all var(--t-micro);border:none;margin-top:8px;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 8px 24px #1f5f3f38}.auth-submit:hover{background:var(--joon-primary-dark);transform:translateY(-1px)}.auth-submit[data-pending=true]{opacity:.6;cursor:wait;transform:none}.auth-checkbox{color:var(--joon-text-muted);align-items:flex-start;gap:10px;margin-top:4px;font-size:13px;line-height:1.45;display:flex}.auth-checkbox input{width:16px;height:16px;accent-color:var(--joon-primary);cursor:pointer;margin-top:2px}.auth-checkbox a{color:var(--joon-primary);font-weight:600;text-decoration:none}@media (max-width:900px){.auth-split{grid-template-columns:1fr}.auth-split-visual{min-height:280px;padding:36px 28px}.auth-split-headline{font-size:32px}.auth-split-form-wrap{padding:32px 24px}}
