:root{--bg:#080b1f;--card:rgba(255,255,255,.1);--text:#f8fafc;--muted:#b8c1d9;--accent:#7c3aed;--accent2:#06b6d4;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#18214a 0,#080b1f 45%,#050714 100%);color:var(--text);overflow-x:hidden}.container{max-width:1180px;margin:auto;padding:0 18px}.bg-shape{position:fixed;border-radius:999px;filter:blur(40px);opacity:.45;z-index:-1}.shape-a{width:280px;height:280px;background:#7c3aed;top:80px;left:-80px}.shape-b{width:340px;height:340px;background:#06b6d4;right:-120px;top:220px}.shape-c{width:240px;height:240px;background:#f97316;bottom:20px;left:30%}.hero{padding:22px 0 70px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px}.brand{font-weight:900;color:#fff;text-decoration:none;font-size:22px;display:flex;gap:10px;align-items:center}.brand span{background:linear-gradient(135deg,var(--accent),var(--accent2));padding:8px;border-radius:14px;box-shadow:0 12px 28px rgba(124,58,237,.45)}.links{display:flex;gap:16px;flex-wrap:wrap}.links a{color:var(--muted);text-decoration:none;font-weight:700}.top-ad{margin-top:18px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding-top:48px}.badge{display:inline-block;padding:10px 14px;background:rgba(255,255,255,.1);border:1px solid var(--line);border-radius:999px;color:#cffafe}h1{font-size:clamp(42px,7vw,78px);line-height:.95;margin:18px 0;background:linear-gradient(90deg,#fff,#a5f3fc,#c4b5fd);-webkit-background-clip:text;color:transparent}p{color:var(--muted);font-size:17px;line-height:1.7}.btn{display:inline-block;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;padding:14px 22px;border-radius:16px;font-weight:900;text-decoration:none;box-shadow:0 18px 45px rgba(6,182,212,.25);cursor:pointer}.wide{width:100%;margin-top:14px}.cube-card{min-height:360px;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:34px;box-shadow:0 35px 80px rgba(0,0,0,.35), inset 0 0 35px rgba(255,255,255,.08);transform:perspective(900px) rotateY(-10deg) rotateX(6deg)}.cube-card h2{font-size:112px;margin:0;text-shadow:0 20px 30px rgba(0,0,0,.4)}.ring{position:absolute;width:220px;height:220px;border:2px solid rgba(255,255,255,.18);border-radius:50%;transform:rotateX(70deg);animation:spin 8s linear infinite}.ring.two{width:280px;height:280px;animation-duration:12s;border-color:rgba(6,182,212,.35)}@keyframes spin{to{transform:rotateX(70deg) rotateZ(360deg)}}.layout{display:grid;grid-template-columns:180px 1fr 180px;gap:20px;margin-top:-24px}.card,.ad-slot{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.card{padding:28px;margin-bottom:20px}.card h2{font-size:30px;margin:0 0 8px}.muted{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;color:#e2e8f0;font-weight:800}input{width:100%;margin-top:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.12);color:#fff;font-size:16px}.result{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hidden{display:none}.stat,.full{padding:16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid var(--line)}.stat b{font-size:36px;display:block}.stat span{color:var(--muted)}.full{grid-column:1/-1;color:#e0f2fe}.error{display:block;color:#fecaca}.ad-slot{min-height:110px;padding:14px;margin-bottom:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:hidden}.ad-slot span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}.ad-placeholder{border:1px dashed rgba(255,255,255,.28);border-radius:16px;padding:22px;color:#cbd5e1}.side-ad{position:sticky;top:16px;height:max-content}.footer{text-align:center;padding:30px 18px 50px}@media(max-width:960px){.hero-grid,.layout{grid-template-columns:1fr}.side-ad{position:static}.form-grid{grid-template-columns:1fr}.links{font-size:14px}.result{grid-template-columns:1fr}.cube-card{transform:none}}