/* v5 split-screen account experience, no external UI libraries */
html:has(.auth-page){background:#fff}
body.auth-page {display:block;min-height:100svh;padding:0;margin:0;background:#fff;color:#182131}
.auth-layout {min-height:100svh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(470px, .96fr);width:100%;margin:0 auto}
.auth-showcase {position:sticky;top:0;align-self:start;min-height:100svh;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:40px clamp(33px,4.1vw,75px) 29px;background:radial-gradient(ellipse at 72% 83%,#142e57 0,transparent 52%),#0c121c;color:#f5f8ff;isolation:isolate}
.auth-showcase::before {content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(115,144,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,144,192,.035) 1px,transparent 1px);background-size:63px 63px;mask-image:linear-gradient(transparent,#000 60%,transparent);z-index:-1}
.auth-showcase-head {display:flex;align-items:center;justify-content:space-between;gap:10px}
.showcase-brand {display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:750;letter-spacing:-.7px;white-space:nowrap;color:#fff}
.showcase-brand .brand-mark {display:grid;place-items:center;height:34px;width:34px;background:#ecf4ff;color:#10213e;border-radius:9px;letter-spacing:0}
.showcase-brand .brand-blue {color:#7baaff;margin-left:-7px}
.back-site {font-size:12px;font-weight:560;color:#a6b5c9;transition:color .2s}.back-site:hover{color:#fff}
.showcase-copy {position:relative;margin:auto 0 10px;max-width:650px;z-index:1}
.showcase-tag {display:inline-flex;align-items:center;gap:8px;border-radius:50px;border:1px solid #2a3549;padding:7px 11px;color:#acbcd3;letter-spacing:1.1px;font-size:9px;font-weight:750}
.showcase-tag i {width:6px;height:6px;border-radius:50%;background:#5dbaac;box-shadow:0 0 0 4px rgba(93,186,172,.11)}
.showcase-copy h2 {margin:22px 0 15px;font-size:clamp(42px,4.3vw,68px);line-height:1.045;letter-spacing:-.065em;font-weight:750;color:#f9fcff}
.showcase-copy h2 span {background:linear-gradient(95deg,#6ed4ff,#4f8ff6 65%,#ac8fff);color:transparent;background-clip:text}
.showcase-copy p {font-size:14px;line-height:1.8;max-width:520px;color:#a2b2cb;margin:0}
.showcase-chart {position:relative;margin:33px 0 0;background:#101b2b;border:1px solid #29374b;border-radius:17px;padding:24px 26px 17px;box-shadow:0 26px 70px rgba(0,0,0,.22);overflow:hidden}
.showcase-chart::after {content:'';position:absolute;top:-90px;right:-100px;width:220px;height:180px;background:radial-gradient(circle,rgba(69,113,239,.16),transparent 70%);pointer-events:none}
.chart-head {display:flex;justify-content:space-between;gap:15px;align-items:center}
.chart-head>div{display:flex;flex-direction:column;gap:5px}
.chart-overline{font-size:9px;color:#788da9;font-weight:750;letter-spacing:1.35px}
.chart-head strong{font-size:17px;letter-spacing:-.4px;font-weight:650;color:#eff4ff}
.chart-demo{font-size:10px;color:#9baecc;background:#1a293e;border:1px solid #31435d;padding:7px 10px;border-radius:7px;white-space:nowrap}
.chart-labels{display:flex;justify-content:space-between;color:#778eaa;font-size:10px;margin:28px 0 6px}
.auth-chart-svg{display:block;width:100%;height:210px;overflow:visible}
.chart-lines line{stroke:#263952;stroke-width:1;stroke-dasharray:3 8}
.main-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawline 3s cubic-bezier(.16,.84,.35,1) .2s forwards;filter:drop-shadow(0 2px 5px rgba(66,154,250,.4))}
.area{opacity:0;animation:fade-area 1.7s ease 1s forwards}
.chart-point{opacity:0;animation:show-dot .6s ease 2.5s forwards}
.chart-point-ring{opacity:0;animation:show-dot 1s ease 2.7s forwards,ring-wave 3s ease-in-out 3.7s infinite;transform-origin:700px 27px}
@keyframes drawline{to{stroke-dashoffset:0}}@keyframes fade-area{to{opacity:1}}@keyframes show-dot{to{opacity:1}}@keyframes ring-wave{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.5);opacity:.18}}
.chart-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #223248;padding-top:14px;font-size:10px;color:#9eafc4}
.chart-bottom>span:first-child{display:flex;align-items:center;gap:6px}
.chart-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#40c99e}
.showcase-footer{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:10px;color:#7f91aa;margin-top:26px;letter-spacing:.02em}
.mini-separator{height:3px;width:3px;border-radius:50%;background:#4d6788}
.auth-content{min-height:100svh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px clamp(22px,4.6vw,92px) 24px}
.auth-mobile-top{display:none}
.auth-form-frame{width:100%;max-width:440px;margin:auto 0}
.auth-panel {background:transparent;padding:25px 0 8px;width:100%;max-width:none;border:0;box-shadow:none;border-radius:0}
.auth-panel .eyebrow{font-size:10px;color:#2862cc;letter-spacing:1.5px}
.auth-panel h1{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-1.65px;font-weight:750;margin:10px 0 7px}
.auth-panel>p{font-size:13px;line-height:1.7;color:#667488;margin-bottom:21px}
.auth-switch{margin:16px 0 18px;padding:4px;background:#f1f3f7;border:1px solid #ebeff4;border-radius:9px}
.auth-switch button{padding:11px 7px}
.auth-form{margin-top:14px!important}
.auth-form label{font-size:12px;color:#3a4557;font-weight:650;margin-bottom:6px}
.auth-panel input[type=email],.auth-panel input[type=text],.auth-form input[type=password],.auth-form input[type=date]{height:44px;background:#fff;color:#1b2839;border:1px solid #d7dfe9;border-radius:9px;font-size:13px;margin-bottom:12px}
.auth-form input:focus{outline:none;border-color:#4282ee;box-shadow:0 0 0 3px rgba(66,130,238,.12)}
.auth-form .password-wrap input{padding-right:68px}
.auth-tip{margin:-5px 0 12px}
.auth-check {font-size:11px!important;color:#5f6c7f!important;line-height:1.65!important}
.auth-panel .auth-note {padding:10px 12px;background:#f8fafc;border:1px solid #e6edf5;color:#667387;border-radius:9px;font-size:11px;line-height:1.6}
.selected-plan-note{background:#f0f6ff;border:1px solid #d4e5ff;color:#29558b;font-size:11px;padding:10px 12px;border-radius:8px;margin:10px 0}
.selected-plan-note[hidden]{display:none!important}
.auth-divider{margin:17px 0 10px;font-size:11px}
.google-button{border-radius:9px;height:46px;background:#fff;font-size:13px;color:#243145;border:1px solid #d9e0e8;margin:7px 0 0}
.google-button:disabled{opacity:.67}
.turnstile-container{margin:12px 0 8px;align-items:flex-start}
.auth-error{font-size:12px}
.auth-panel .auth-small{font-size:10px;line-height:1.75;margin:15px 0 0}
.auth-footer{margin:0;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#66758a;padding:16px 0 5px}
.auth-form .auth-two {gap:12px}
.auth-form .auth-two label {white-space:normal}
.auth-submit{height:46px}
@media(max-height:800px) and (min-width:901px) {.auth-showcase{padding-top:23px;padding-bottom:19px}.showcase-copy h2{font-size:clamp(35px,3.6vw,54px)}.showcase-copy{margin-top:38px}.showcase-chart{margin-top:18px;padding:17px}.auth-chart-svg{height:150px}.showcase-footer{margin-top:14px}.auth-content{justify-content:flex-start}.auth-form-frame{margin:auto 0}}
@media(max-width:1000px) {.auth-layout{grid-template-columns:minmax(0,.89fr) minmax(410px,1.11fr)}.auth-showcase{padding-left:26px;padding-right:26px}.chart-head strong{font-size:14px}.chart-demo{font-size:9px}}
@media(max-width:780px) {.auth-layout{display:block}.auth-showcase{position:relative;height:auto;min-height:0;padding:23px 23px 30px}.auth-showcase-head .back-site{font-size:11px}.showcase-copy{margin:35px 0 0}.showcase-copy h2{font-size:36px;line-height:1.1}.showcase-copy p{font-size:12px;max-width:560px}.showcase-chart{display:none}.showcase-footer{margin-top:22px}.auth-content{min-height:0;padding:25px 24px 35px}.auth-form-frame{max-width:510px}.auth-panel{padding-top:6px}.auth-footer{padding:25px 0 0}.auth-content .auth-mobile-top{display:none}}
@media(max-width:430px){.auth-showcase{padding:22px 18px}.showcase-copy h2{font-size:33px}.auth-content{padding:24px 18px 34px}.auth-form .auth-two{grid-template-columns:1fr;gap:0}.auth-panel h1{font-size:29px}.showcase-footer{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.main-line{animation:none;stroke-dashoffset:0}.area,.chart-point,.chart-point-ring{animation:none;opacity:1}.auth-content *, .auth-showcase *{scroll-behavior:auto!important;transition:none!important}}