:root{--bg:#0b1020;--bg2:#11182d;--card:rgba(255,255,255,.05);--text:#fff;--muted:#aab3c5;--accent:#22d3ee;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#0b1020,#0f1730);color:var(--text)}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:30;background:rgba(11,16,32,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.logo{font-weight:800;font-size:28px}.tag{font-size:12px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-top:4px}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{font-size:14px;color:#dbe2ef}.lang{border:1px solid var(--line);padding:9px 14px;border-radius:999px}.hero{padding:70px 0;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.18),transparent 18%),radial-gradient(circle at 80% 10%,rgba(99,102,241,.18),transparent 16%),radial-gradient(circle at 60% 80%,rgba(236,72,153,.14),transparent 22%)}.hero-grid,.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.badge{display:inline-block;border:1px solid rgba(34,211,238,.24);background:rgba(34,211,238,.1);color:#b9f7ff;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}h1{font-size:58px;line-height:1.06;margin:22px 0 0;font-weight:900;max-width:900px}h2{font-size:34px;margin:0 0 20px;font-weight:800}h3{font-size:22px;margin:12px 0}p{color:var(--muted);line-height:1.8}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;border:1px solid var(--line);padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.05);font-weight:700}.btn.primary{background:var(--accent);color:#05111a;border-color:transparent;box-shadow:0 18px 60px rgba(34,211,238,.2)}.btn.small{padding:10px 14px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.stats div,.card,.dashboard-card{border:1px solid var(--line);background:var(--card);border-radius:28px;backdrop-filter:blur(14px)}.stats div{padding:18px}.stats strong{display:block;color:var(--accent);font-size:30px}.stats span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.dashboard-card{padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.widget,.big-widget,.ad-slot,.support-box,.pill,.blog-item,.listing-card,.mini-btn,.input{border:1px solid var(--line);background:var(--bg2);border-radius:22px}.widget{padding:18px;font-weight:700}.big-widget{padding:20px;margin-top:14px}.big-widget span,.big-widget small{color:var(--muted);display:block}.big-widget strong{font-size:42px;display:block;margin:8px 0}.section{padding:22px 0}.grid4,.listing-grid{display:grid;gap:20px}.grid4{grid-template-columns:repeat(4,1fr)}.card{padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.card.large{padding:28px}.card.accent{background:linear-gradient(135deg,#11182d,#1b2440)}.card.dark{background:#080c18}.line{height:4px;width:48px;border-radius:999px;background:var(--accent)}.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill{padding:14px 16px;text-align:center;font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.listing-grid{grid-template-columns:repeat(4,1fr)}.listing-card{padding:0;overflow:hidden}.thumb{height:120px;background:linear-gradient(135deg,#22d3ee,#6366f1,#ec4899)}.listing-card h3{padding:18px 18px 0;margin:0}.listing-card p{padding:8px 18px 0;margin:0}.mini-btn{display:inline-block;margin:16px 18px 18px;padding:10px 14px;background:rgba(255,255,255,.06);font-size:13px;font-weight:700}.blog-list{display:grid;gap:12px}.blog-item{padding:16px 18px}.ad-slot,.support-box{padding:16px 18px;text-align:center;margin-bottom:12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:40px 24px}.footer-grid h4{margin:0 0 10px}.footer-grid a{display:block;color:var(--muted);margin-bottom:8px}.input{width:100%;padding:14px 16px;margin-bottom:12px;color:#fff}
@media (max-width: 980px){.hero-grid,.two-col,.grid4,.listing-grid,.pill-grid,.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.logo{font-size:24px}h1{font-size:42px}}
@media (max-width: 640px){.hero-grid,.two-col,.grid4,.listing-grid,.pill-grid,.footer-grid{grid-template-columns:1fr}h1{font-size:34px}h2{font-size:28px}}