:root{--ink:#172033;--muted:#6b7280;--surface:#fff;--line:#e5e9f0;--accent:#635bff;--accent-2:#8b5cf6;--accent-soft:#eeedff;--shadow:0 24px 70px rgba(23,32,51,.12)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f7f8fc,#eef2f8);min-height:100vh}
.signup-shell{background:var(--surface);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1.18fr;min-height:min(650px,calc(100vh - 48px))}
.signup-brand-panel{background:linear-gradient(145deg,#171d35,#25204b);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.brand-link{color:inherit;text-decoration:none}
.brand-mark{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;font-size:27px;margin-bottom:28px;box-shadow:0 12px 30px rgba(99,91,255,.3)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 12px;opacity:.72}
.signup-brand-panel h1{font-size:48px;line-height:1;margin:0;letter-spacing:-.05em}
.signup-brand-panel h1 span{font-weight:500;opacity:.82}
.brand-copy{margin-bottom:52px}.tagline{font-size:22px;line-height:1.5;color:rgba(255,255,255,.8);margin:0 0 38px}
.trial-note{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06)}
.trial-icon{width:24px;height:24px;border-radius:50%;background:rgba(139,92,246,.35);display:grid;place-items:center;font-size:13px;font-weight:800}
.trial-note strong,.trial-note small{display:block}.trial-note strong{font-size:13px;margin-bottom:4px}.trial-note small{font-size:12px;color:rgba(255,255,255,.62)}
.signup-panel{display:flex;align-items:center;background:#fff}
.panel-eyebrow{color:var(--accent);opacity:1}
.signup-panel h2{font-size:34px;letter-spacing:-.04em;margin:0 0 8px}
.muted{color:var(--muted);font-size:14px;line-height:1.55}
.signup-form{display:grid;gap:14px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;font-size:12px;font-weight:700;color:#30394c}
input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;color:var(--ink);outline:none;font:inherit;font-size:13px;transition:.2s}
input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.terms{display:flex;gap:9px;align-items:flex-start;font-size:12px;font-weight:500;color:var(--muted);line-height:1.45;cursor:pointer}
.terms input{margin-top:2px;accent-color:var(--accent)}
.primary-btn{width:100%;border:0;border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 10px 24px rgba(99,91,255,.22);transition:transform .15s,box-shadow .15s}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(99,91,255,.28)}
.primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.message{min-height:18px;margin:-6px 0 0;font-size:12px;line-height:1.35;color:#b42318}.message.success{color:#087443}
.signin-link{text-align:center;margin:22px 0 0;font-size:13px;color:var(--muted)}
.signin-link a{color:var(--accent);font-weight:700;text-decoration:none}
.demo-note{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#98a0ae}
@media(max-width:800px){.signup-shell{grid-template-columns:1fr}.signup-brand-panel{min-height:250px;padding:36px!important}.brand-copy{margin:36px 0 0}.tagline{font-size:19px;margin-bottom:20px}.signup-panel{padding:36px!important}.signup-brand-panel h1{font-size:40px}.field-row{grid-template-columns:1fr}.trial-note{display:none}}


.complete-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f7f8fc,#eef2f8)}
.complete-card{width:min(520px,100%);padding:56px 42px;background:#fff;border-radius:28px;box-shadow:var(--shadow);text-align:center}
.complete-mark{margin:0 auto 32px}
.complete-card h1{font-size:32px;letter-spacing:-.04em;margin:0 0 10px}
.complete-card .primary-btn{margin-top:24px}
.spinner{width:42px;height:42px;border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;margin:0 auto 26px;animation:spin .8s linear infinite}
.success-icon,.error-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-size:25px;font-weight:800}
.success-icon{background:#eaf8ef;color:#087443}.error-icon{background:#fff0f0;color:#b42318}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.complete-card{padding:42px 24px;border-radius:22px}}