.split{display:flex; min-height:100vh;}

/* ---------- left: brand / visual panel ---------- */
.split-visual{
  flex:1; position:relative; overflow:hidden; display:none;
  background:linear-gradient(165deg,#150c56,#22137C 55%,#2c1899);
  color:#fff; padding:64px; flex-direction:column; justify-content:center;
}
.split-visual-net{position:absolute; inset:0; opacity:.35;}
.split-visual-inner{position:relative; z-index:2; max-width:420px;}
.split-eyebrow{font-family:var(--font-mono); font-size:.78rem; color:#ffb27a; display:flex; align-items:center; gap:8px;}
.split-eyebrow::before{content:'$'; opacity:.6;}
.split-visual h2{font-family:var(--font-display); font-weight:700; font-size:2.1rem; line-height:1.15; margin-top:16px;}
.split-visual p{color:rgba(255,255,255,.62); font-size:.95rem; margin-top:14px; line-height:1.6;}

.float-cards{margin-top:40px; display:flex; flex-direction:column; gap:12px;}
.float-card{
  display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  border-radius:12px; padding:13px 16px; backdrop-filter:blur(6px); max-width:280px;
}
.float-card:nth-child(2){margin-left:38px;}
.float-card:nth-child(3){margin-left:14px;}
.float-card-icon{width:34px; height:34px; border-radius:9px; background:var(--orange); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.float-card-icon svg{width:17px; height:17px; color:#fff;}
.float-card span{font-size:.83rem; font-weight:600;}

/* ---------- right: form panel ---------- */
.split-form{flex:1; display:flex; align-items:center; justify-content:center; padding:40px 24px; background:#fff;}
.split-form-inner{width:100%; max-width:400px;}
.split-logo{display:flex; align-items:center; gap:10px; margin-bottom:32px; font-family:var(--font-display); font-weight:700; font-size:1.18rem; color:var(--navy);}
.split-logo-mark{width:32px; height:32px; border-radius:8px; background:linear-gradient(145deg,var(--navy),var(--navy-deep)); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); color:var(--orange); font-weight:700; font-size:.78rem;}
.split-logo span{color:var(--orange);}

.oauth-btn{
  width:100%; display:flex; align-items:center; justify-content:center; gap:10px; padding:12px 16px;
  border:1.5px solid var(--border); border-radius:10px; background:#fff; font-weight:600; font-size:.88rem; color:var(--ink);
  transition:.15s;
}
.oauth-btn:hover{border-color:var(--ink-faint); background:var(--paper-alt);}
.oauth-divider{display:flex; align-items:center; gap:12px; margin:22px 0; color:var(--ink-faint); font-size:.76rem;}
.oauth-divider::before,.oauth-divider::after{content:''; flex:1; height:1px; background:var(--border);}

.pw-input-wrap{position:relative;}
.pw-toggle{position:absolute; right:12px; top:50%; transform:translateY(-50%); color:var(--ink-faint); width:20px; height:20px;}
.pw-toggle:hover{color:var(--ink);}
.pw-toggle svg{width:18px; height:18px;}

.split-footer-cta{
  margin-top:28px; padding-top:22px; border-top:1px solid var(--border); text-align:center; font-size:.85rem; color:var(--ink-soft);
}
.split-footer-cta a{color:var(--orange); font-weight:600;}
.split-footer-cta a:hover{color:var(--orange-dark);}

@media (min-width:960px){
  .split-visual{display:flex;}
}