:root{--c-bg:#050505;--c-panel:#0A0A1A;--c-text:#FFFFFF;--c-muted:#A0A0B0;--c-accent:#00F0FF;--c-border:#1f1f2e;--f-display:'Cabinet Grotesk', 'Inter', sans-serif;--f-body:'JetBrains Mono', monospace}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--f-body)}
a{color:var(--c-accent);text-decoration:none}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}h2{font-size:clamp(1.4rem,3vw,2.2rem)}
.nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);background:rgba(0,0,0,.55);display:flex;gap:24px;padding:16px 32px;align-items:center;border-bottom:1px solid var(--c-border)}
.nav .brand{letter-spacing:.25em;color:var(--c-accent);font-weight:700}.nav nav{display:flex;gap:16px;flex:1}.nav nav a{color:var(--c-muted)}
.cart-pill{border:1px solid var(--c-border);padding:6px 12px;cursor:pointer}
.hero{padding:96px 32px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.hero .badge{color:var(--c-accent);font-size:11px;letter-spacing:.3em}
.hero p{color:var(--c-muted);max-width:680px;font-size:1.05rem;line-height:1.7}
.btn{display:inline-block;padding:14px 28px;background:var(--c-accent);color:#000;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer}
.text-block,.image-block,.video,.raw{padding:48px 32px;max-width:1100px;margin:0 auto;position:relative;z-index:1;color:var(--c-muted)}
.image-block img,.video iframe{width:100%;border:1px solid var(--c-border)}.video iframe{aspect-ratio:16/9}
.audio-player,.video-player{padding:48px 32px;max-width:1000px;margin:0 auto;position:relative;z-index:1}.audio-player audio{width:100%}.video-player video{width:100%;max-height:70vh;background:#000;border:1px solid var(--c-border)}
.products{padding:48px 32px;max-width:1300px;margin:0 auto;position:relative;z-index:1}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--c-panel);border:1px solid var(--c-border)}.card-img{height:180px;background-size:cover;background-position:center}
.card-body{padding:16px}.card-body h3{font-size:1.05rem}.card-body p{color:var(--c-muted);font-size:.85rem}
.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{color:var(--c-accent);font-weight:700}
.btn-sm{padding:8px 14px;background:var(--c-accent);color:#000;border:none;cursor:pointer;font-weight:700}
.contact,.newsletter{padding:64px 32px;max-width:720px;margin:0 auto;position:relative;z-index:1}
.contact form,.newsletter form{display:flex;flex-direction:column;gap:12px}
.contact input,.contact textarea,.newsletter input{background:#000;border:1px solid var(--c-border);padding:14px;color:var(--c-text);font-family:var(--f-body)}
.carousel{overflow:hidden;padding:32px 0}.carousel .track{display:flex;gap:16px;animation:car 30s linear infinite}.carousel .slide{min-width:320px}.carousel img{width:100%}
@keyframes car{from{transform:translateX(0)}to{transform:translateX(-50%)}}
footer{padding:48px 32px;border-top:1px solid var(--c-border);color:var(--c-muted);font-size:.8rem;position:relative;z-index:1}footer nav{display:flex;gap:16px}
#bg-canvas{position:fixed;inset:0;z-index:0;opacity:.55;pointer-events:none}
#cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:50;background:var(--c-panel);border:1px solid var(--c-border);padding:16px}.cookie-inner{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cookie-btns{display:flex;gap:8px;margin-left:auto}
body[data-effect="particles"]{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(0,240,255,.05) 0%,transparent 60%)}
body[data-effect="metallic"]{background-image:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.7))}
body[data-effect="fade"]{animation:fa 8s ease-in-out infinite alternate}@keyframes fa{from{filter:brightness(.95)}to{filter:brightness(1.1)}}