:root{
  --bg:#07112a;--bg2:#0b1636;--panel:#0e1d44;--panel2:#122754;--soft:#19366f;
  --line:#274a92;--text:#eef4ff;--muted:#98abd6;--blue:#35b7ff;--cyan:#4de6ff;
  --violet:#b14cff;--pink:#ff4cb5;--green:#33de8b;--yellow:#ffca42;--orange:#ff9c31;--red:#ff596e;
  --radius:22px;--shadow:0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:radial-gradient(circle at 20% 0%, #132760 0, #08132f 40%, #040913 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{text-decoration:none;color:inherit}
.landing-body{min-height:100vh;display:grid;place-items:center;padding:24px}
.landing{width:min(900px,100%)}
.hero-card{background:linear-gradient(180deg, rgba(18,39,84,.9), rgba(10,21,49,.92)); border:1px solid rgba(83,152,255,.45); border-radius:32px; box-shadow:var(--shadow); padding:40px}
.brand-mini{font-weight:900;letter-spacing:.14em;color:#fff;font-size:14px} .brand-mini span{color:var(--blue)}
.hero-card h1{font-size:56px;line-height:1;margin:10px 0 16px}
.hero-card p{font-size:20px;color:var(--muted);max-width:700px}
.hero-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-links a{padding:16px 22px;border-radius:18px;background:linear-gradient(180deg,#17336f,#0f2250);border:1px solid rgba(83,152,255,.6);font-weight:800;box-shadow:var(--shadow)}
.hero-links a:hover{transform:translateY(-1px)}
.page{min-height:100vh;padding:18px;background:radial-gradient(circle at 20% 0%, #132760 0, #08132f 40%, #040913 100%)}
.container{max-width:1600px;margin:0 auto}
.card{background:linear-gradient(180deg, rgba(16,31,72,.92), rgba(11,23,52,.94)); border:1px solid rgba(85,150,255,.35); border-radius:var(--radius); box-shadow:var(--shadow)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(12,27,64,.88);border:1px solid rgba(95,156,255,.35);font-weight:800}
.pill strong{color:#fff}.muted{color:var(--muted)} .accent{color:var(--blue)} .ok{color:var(--green)}
.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(255,255,255,.08)}
.badge.blue{color:var(--blue);background:rgba(53,183,255,.12)} .badge.green{color:var(--green);background:rgba(51,222,139,.12)}
.badge.yellow{color:var(--yellow);background:rgba(255,202,66,.12)} .badge.violet{color:var(--violet);background:rgba(177,76,255,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:16px;font-weight:900;border:1px solid transparent;background:linear-gradient(180deg,#2b88ff,#2267dd);color:white;cursor:pointer}
.btn.green{background:linear-gradient(180deg,#2fdf89,#1fa864)} .btn.orange{background:linear-gradient(180deg,#f0a42f,#d67d18)} .btn.violet{background:linear-gradient(180deg,#b55cff,#7d3cff)} .btn.ghost{background:rgba(255,255,255,.03);border-color:rgba(95,156,255,.35)}