:root{--bg:#07151d;--panel:#0c2029;--panel2:#102b36;--line:#244957;--text:#eef7fa;--muted:#91b2bd;--cyan:#35c5e5;--green:#79e5aa;--amber:#ffd479;--red:#ff9e9e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% 10%,rgba(53,197,229,.07),transparent 32%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
body{min-height:100vh}.wrap{max-width:1120px;margin:auto;padding:0 24px}
header{border-bottom:1px solid #163743;background:rgba(5,18,25,.9)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:15px}.brand img{width:120px;height:120px;object-fit:contain;flex:0 0 120px}.brand b{display:block;font-size:1.04rem}.brand small{display:block;color:var(--muted);margin-top:3px}
.product-badge{border:1px solid #285161;border-radius:999px;padding:7px 11px;color:#9fc9d5;font-size:.72rem;font-weight:800}
main.wrap{padding:30px 24px 70px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}.eyebrow{color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.12em}.company-tagline{margin-top:6px;color:#91b2bd;font-size:.78rem;font-weight:750;letter-spacing:.035em}.hero-copy h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.02;margin:14px 0 18px;max-width:780px}.hero-copy>p{color:#b5ccd4;font-size:1.03rem;line-height:1.65;max-width:760px}
.trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.trust span{border:1px solid #234753;border-radius:999px;padding:8px 11px;color:#a9c7d1;font-size:.76rem}
.portal{background:linear-gradient(180deg,rgba(16,43,54,.94),rgba(10,29,38,.98));border:1px solid #28515f;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.portal h2{font-size:1.35rem;margin:5px 0}.portal .lead{color:var(--muted);font-size:.86rem;line-height:1.5}.state{margin-top:18px}.notice{padding:13px 14px;border-radius:10px;border:1px solid #2b5260;background:rgba(255,255,255,.02);font-size:.82rem;line-height:1.5;color:#b8d1d9}
.notice.good{border-color:rgba(121,229,170,.34);background:rgba(121,229,170,.055)}.notice.warn{border-color:rgba(255,212,121,.36);background:rgba(255,212,121,.055)}.notice.bad{border-color:rgba(255,158,158,.4);background:rgba(255,158,158,.055)}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.btn{appearance:none;border:1px solid #2e5968;background:#0c222c;color:#f0f8fb;padding:10px 14px;border-radius:9px;font-weight:850;cursor:pointer;text-decoration:none;font-size:.8rem}.btn.primary{background:var(--cyan);color:#04141b;border-color:var(--cyan)}.btn:disabled{opacity:.45;cursor:not-allowed}
.account-card{margin-top:14px;border:1px solid #274d5a;border-radius:12px;padding:14px;background:#091b23}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-grid div{border:1px solid #1f414c;border-radius:9px;padding:10px;background:#07171e}.account-grid span{display:block;color:#7297a4;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.account-grid strong{display:block;margin-top:4px;font-size:.79rem;word-break:break-word}
#clerkMount{margin-top:16px;min-height:60px}.privacy{margin-top:34px;border-top:1px solid #163743;padding-top:20px;color:#789da9;font-size:.76rem;line-height:1.55}
.setup-list{margin:10px 0 0;padding-left:18px;color:#bcd0d7;font-size:.8rem;line-height:1.55}
@media(max-width:880px){.hero{grid-template-columns:1fr}.portal{max-width:650px}.topbar{align-items:flex-start}.product-badge{display:none}}
@media(max-width:560px){.wrap{padding:0 16px}main.wrap{padding:24px 16px 55px}.account-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2.35rem}.brand img{width:52px;height:52px;flex-basis:52px}}