@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#05060a;--panel:#0d1018;--text:#f4f7ff;--muted:#9aa4b8;--blue:#239cff;--pink:#ff4fa3;--border:rgba(255,255,255,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 15%,rgba(35,156,255,.12),transparent 28rem),radial-gradient(circle at 20% 35%,rgba(255,79,163,.08),transparent 25rem),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.navbar{width:min(1100px,90%);margin:auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{font-size:14px;font-weight:800;letter-spacing:.14em}.navbar nav{display:flex;gap:26px}.navbar nav a{color:var(--muted);font-size:14px}.navbar nav a:hover{color:var(--text)}
.hero{width:min(1100px,90%);min-height:78vh;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.hero-logo{display:flex;justify-content:center;align-items:center}.hero-logo img{width:min(360px,80%);max-height:430px;object-fit:contain;filter:drop-shadow(0 0 35px rgba(35,156,255,.2))}
.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:14px}h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;max-width:760px}h1 span{background:linear-gradient(90deg,var(--pink),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:18px;max-width:570px;margin-top:24px}.buttons{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid var(--border);transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(90deg,var(--pink),var(--blue));border:0}.button.secondary{background:var(--panel)}
.section{width:min(900px,90%);margin:auto;padding:100px 0}h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin-bottom:30px}.card{background:rgba(13,16,24,.8);border:1px solid var(--border);border-radius:18px;padding:30px;color:var(--muted)}.card p+p{margin-top:18px}.card .joke{padding-top:20px;border-top:1px solid var(--border)}.card strong{color:var(--text)}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.social-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;transition:.2s}.social-card:hover{transform:translateY(-4px);border-color:rgba(35,156,255,.5)}.social-card span{display:block;font-weight:800;letter-spacing:.08em}.social-card small{color:var(--muted)}
footer{width:min(1100px,90%);margin:auto;padding:30px 0 45px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:750px){.navbar nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:70px 0;gap:20px}.hero-logo img{width:230px}.buttons{justify-content:center}.social-grid{grid-template-columns:1fr}footer{flex-direction:column}}