
:root{--bg:#070810;--panel:#101322;--text:#f7f7ff;--muted:#b9bdd5;--hot:#ff3fa7;--cyan:#4eeeff;--sun:#ffd166;--line:rgba(255,255,255,.13);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 80% 8%,rgba(255,63,167,.22),transparent 34%),radial-gradient(circle at 18% 78%,rgba(78,238,255,.18),transparent 30%),var(--bg);color:var(--text);line-height:1.6}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--hot),#7d5cff,var(--cyan));color:#050711;text-align:center;font-weight:900;padding:.7rem 1rem}.topbar a{color:#050711;text-decoration:underline}.nav{max-width:var(--max);margin:auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-size:1.35rem;font-weight:950;letter-spacing:-.04em}.nav a{color:var(--text);text-decoration:none;font-weight:750;margin-left:1rem}.btn,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:#080914;text-decoration:none;font-weight:900;padding:.9rem 1.15rem;box-shadow:0 18px 60px rgba(0,0,0,.24)}.btn.alt{background:transparent;color:var(--text)}.hero{max-width:var(--max);margin:auto;padding:5rem 1rem 3rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.eyebrow{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.hero h1{font-size:clamp(3rem,8vw,7.4rem);line-height:.86;letter-spacing:-.08em;margin:.4rem 0 1rem}.lead{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--muted);max-width:720px}.hero-card,.card,.formbox{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:30px;padding:1.25rem;box-shadow:0 25px 100px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.hero-card{min-height:430px;position:relative;overflow:hidden}.social-post{border:1px solid var(--line);background:#fff;color:#111;border-radius:28px;padding:1rem;margin:.8rem 0;transform:rotate(-1.5deg)}.social-post:nth-child(2){transform:rotate(1.5deg);margin-left:2rem}.social-post:nth-child(3){transform:rotate(-.5deg);margin-left:1rem}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--hot),var(--cyan));display:inline-block;vertical-align:middle;margin-right:.5rem}.container{max-width:var(--max);margin:auto;padding:3rem 1rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card h3,.card h2{margin-top:0}.muted{color:var(--muted)}.price{font-size:2.3rem;font-weight:950;color:var(--sun)}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;margin:.22rem;background:rgba(255,255,255,.05);color:#e9eaff}.section-title{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.06em;margin:0 0 1rem}.share a{margin:.3rem .5rem .3rem 0}input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:18px;padding:1rem;font:inherit}label{font-weight:850;display:block;margin:1rem 0 .4rem}textarea{min-height:150px}.footer{border-top:1px solid var(--line);margin-top:3rem;padding:2rem 1rem;color:var(--muted)}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.article{max-width:850px;margin:auto;padding:3rem 1rem}.article h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em}.article p{color:#d9dcf1}.date{color:var(--cyan);font-weight:900}.list a{display:block;padding:1rem;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.marquee{overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:.8rem;white-space:nowrap;color:var(--sun);font-weight:900}.marquee span{display:inline-block;animation:slide 18s linear infinite}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:850px){.hero,.two,.grid{grid-template-columns:1fr}.nav{flex-wrap:wrap}.nav a{margin-left:.6rem}.hero{padding-top:3rem}.hero-card{min-height:auto}.social-post:nth-child(n){margin-left:0;transform:none}}
