:root{--bg:#0a0f1f;--bg2:#111833;--card:#151d3b;--line:#26305a;--acc:#6366f1;--acc2:#3b82f6;--txt:#c9d1e8;--w:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#93a5ff}h1,h2,h3{color:var(--w);line-height:1.15;font-weight:800}
.wrap{max-width:1140px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:rgba(10,15,31,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;gap:22px;height:64px}nav .logo{color:var(--w);font-weight:800;text-decoration:none;margin-right:auto}
nav .logo span{color:#a5b4fc}nav a{color:var(--txt);text-decoration:none;font-size:15px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff!important;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn.ghost{background:transparent;border:1px solid var(--line)}.btn[aria-disabled=true]{opacity:.6}
.hero{padding:90px 0 60px;text-align:center;background:radial-gradient(ellipse at top,rgba(99,102,241,.25),transparent 60%)}
.hero h1{font-size:clamp(34px,6vw,62px);margin:.3em 0}.hero p{font-size:20px;max-width:720px;margin:0 auto 28px}
.badge{display:inline-block;border:1px solid var(--acc);color:#c7caff;padding:6px 14px;border-radius:99px;font-size:14px}
.hero img{margin-top:50px;width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5)}
section{padding:70px 0}section h2{font-size:clamp(28px,4vw,40px);text-align:center;margin:0 0 12px}.sub{text-align:center;max-width:680px;margin:0 auto 40px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.card h3{margin-top:0;font-size:19px}
.shots{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.shots figure{margin:0}.shots img{width:100%;border-radius:10px;border:1px solid var(--line)}
figcaption{font-size:14px;text-align:center;margin-top:6px}
.price{text-align:center;position:relative}.price.hl{border:2px solid var(--acc);transform:scale(1.03)}
.price .amt{font-size:44px;color:var(--w);font-weight:800}.price .old{text-decoration:line-through;opacity:.6}.price ul{text-align:left;padding-left:20px}
.tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#4f46e5;color:#fff;padding:3px 12px;border-radius:99px;font-size:13px}
.ph{border:1px dashed #f59e0b}.ph small{color:#f59e0b;font-weight:700}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:10px}summary{color:var(--w);font-weight:700;cursor:pointer}
form{display:grid;gap:12px;max-width:620px;margin:auto}input,textarea,select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--w);font:inherit}
footer{border-top:1px solid var(--line);padding:40px 0;font-size:14px}footer .links{display:flex;flex-wrap:wrap;gap:16px}
.legal{max-width:860px;margin:auto;padding:50px 20px}.legal h1{font-size:36px}.todo{background:#f59e0b22;color:#fbbf24;padding:0 4px;border-radius:4px;font-weight:700}
#cookie{position:fixed;bottom:16px;left:16px;right:16px;max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;z-index:50;display:none}
@media(max-width:760px){nav a:not(.logo):not(.btn){display:none}.price.hl{transform:none}}