@layer legacy {
:root{--black:#0a0a0a;--cream:#f4ead5;--yellow:#FFD600;--red:#E63946;--pink:#ff8fa3;--brown:#3d1f0f;--transition-fast:0.2s ease;--transition-mid:0.5s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.8s cubic-bezier(0.4, 0, 0.2, 1);--bg:#050507;--bg-2:#0d0d14;--surface:rgba(255,255,255,0.06);--surface-hover:rgba(255,255,255,0.12);--glass:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.1);--border-accent:rgba(168,85,247,0.3);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.55);--accent-purple:#a855f7;--accent-cyan:#06b6d4;--accent-orange:#f97316;--accent-pink:#ec4899;--grad-1:linear-gradient(135deg, #a855f7, #ec4899);--grad-2:linear-gradient(135deg, #06b6d4, #a855f7);--grad-3:linear-gradient(135deg, #f97316, #ec4899);--grad-hero:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(168,85,247,.25) 0%, transparent 70%)}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Helvetica Neue',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}a{color:var(--yellow);transition:color var(--transition-fast)}a:hover{color:var(--cream)}.display{font-family:'Arial Black',sans-serif;font-weight:900;letter-spacing:-3px;text-transform:uppercase;line-height:.9;word-break:break-word}.mono{font-family:'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;font-size:clamp(11px, 2vw, 14px)}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeOut .8s ease 2.2s forwards}.loader-logo{width:70%;height:70%;object-fit:contain}.loader-bar{position:absolute;bottom:80px;width:300px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.loader-bar::after{content:'';display:block;height:100%;background:linear-gradient(90deg,#a855f7,#06b6d4,#ec4899);width:0;animation:loadBar 2.2s ease-in-out forwards}@keyframes loadBar{0%{width:0}100%{width:100%}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeOut{from{opacity:1}to{opacity:0;pointer-events:none}}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--grad-1);border:none;cursor:pointer;z-index:999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 25px rgba(168,85,247,.3)}.scroll-top.show{display:flex;opacity:1}.scroll-top:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(168,85,247,.5)}.scroll-top::before{content:'↑';color:#fff;font-size:24px;font-weight:700}.time-tooltip{position:fixed;background:var(--glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border);color:var(--accent-cyan);padding:12px 20px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;z-index:999;pointer-events:none;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px rgba(6,182,212,.2);white-space:nowrap}.time-tooltip.show{opacity:1;transform:translateY(0) scale(1)}.vp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,44px);opacity:0;pointer-events:none;background:radial-gradient(ellipse 130% 110% at 50% -10%,rgba(25,10,50,.9) 0,transparent 55%),#03020d;overflow:hidden}.vp-overlay.vp-active{opacity:1;pointer-events:all}.vp-overlay::before{content:'';position:absolute;inset:0;z-index:30;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 4px)}.vp-overlay::after{content:'';position:absolute;inset:0;z-index:30;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.75) 100%)}#vpCanvas{position:absolute;inset:0;pointer-events:none;z-index:16}.vp-glow{position:absolute;top:50%;left:50%;width:min(72vmin,410px);height:min(72vmin,410px);transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(230,185,60,.75) 0,rgba(180,100,15,.45) 28%,rgba(168,85,247,.18) 58%,transparent 72%);filter:blur(28px)}.vp-rays{position:absolute;top:50%;left:50%;width:260%;height:260%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:3;background:conic-gradient(from 165deg at 50% 50%,rgba(220,180,50,.13) 0deg,transparent 10deg,rgba(220,180,50,.09) 16deg,transparent 28deg,rgba(220,180,50,.11) 35deg,transparent 48deg,rgba(220,180,50,.07) 55deg,transparent 70deg,rgba(220,180,50,.1) 76deg,transparent 92deg,transparent 360deg);filter:blur(5px)}.vp-wall{position:relative;z-index:5;opacity:0;width:min(76vmin,430px);height:min(76vmin,430px);border-radius:50%;background:radial-gradient(circle at 28% 22%,rgba(60,50,80,.35) 0,transparent 42%),linear-gradient(148deg,#1d1929,#11101c,#181420);box-shadow:0 0 0 7px #0c0a17,0 0 0 11px rgba(168,85,247,.07),0 0 0 12px #0c0a17,inset 0 0 55px rgba(0,0,0,.65),0 60px 110px rgba(0,0,0,.75),0 20px 60px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.vp-hole{position:absolute;background:#06050f;box-shadow:inset 0 2px 8px rgba(0,0,0,.9),inset 0 0 4px rgba(0,0,0,.7)}.vp-hole-t{width:28px;height:26px;top:14px;left:50%;transform:translateX(-50%);border-radius:4px 4px 2px 2px}.vp-hole-r{width:26px;height:28px;right:14px;top:50%;transform:translateY(-50%);border-radius:2px 4px 4px 2px}.vp-hole-b{width:28px;height:26px;bottom:14px;left:50%;transform:translateX(-50%);border-radius:2px 2px 4px 4px}.vp-hinge{position:absolute;left:16px;width:22px;height:46px;border-radius:5px;background:linear-gradient(to right,#252334,#3a3848,#2a2838);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 6px rgba(0,0,0,.6)}.vp-hinge-t{top:25%}.vp-hinge-b{top:55%}.vp-inner{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 62% 45%,rgba(220,155,30,.18) 0,transparent 45%),radial-gradient(circle at 68% 50%,#1e0f04 0,#090409 50%,#000 100%);box-shadow:inset 0 0 90px rgba(0,0,0,.95);z-index:0;transition:box-shadow 1s ease .5s}.vp-overlay.vp-open .vp-inner{box-shadow:inset 0 0 50px rgba(0,0,0,.7),inset 0 0 35px rgba(210,145,20,.22),0 0 25px rgba(210,145,20,.08)}.vp-persp{width:min(72vmin,410px);height:min(72vmin,410px);perspective:620px;perspective-origin:3% 50%;position:relative;transform-style:preserve-3d}.vp-door{width:100%;height:100%;transform-origin:6% 50%;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;position:relative;will-change:transform;overflow:visible}.vp-door>svg{width:100%;height:100%;display:block}.vp-door-side{position:absolute;top:4%;right:-28px;width:28px;height:92%;background:linear-gradient(to right,#0a0a16 0,#1e1e2e 25%,#2a2a3c 50%,#1a1a28 75%,#0a0a16 100%);transform-origin:left center;transform:rotateY(90deg);border-radius:0 8px 8px 0;overflow:hidden}.vp-door-side::before{content:'';position:absolute;top:0;left:0;width:7px;height:100%;background:linear-gradient(to right,rgba(255,255,255,.13),transparent)}.vp-door-side::after{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.vp-bolt{position:absolute;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.85),0 0 5px rgba(168,85,247,.15);will-change:transform}.vp-bolt-t{width:28px;height:52px;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(to bottom,#3a3a4c,#b0b0c8,#ececlf,#b0b0c8,#3a3a4c);background:linear-gradient(to bottom,#3c3c50,#adadc5,#e5e5f5,#adadc5,#3c3c50);border-radius:4px 4px 2px 2px}.vp-bolt-r{width:52px;height:28px;right:-14px;top:50%;transform:translateY(-50%);background:linear-gradient(to right,#3c3c50,#adadc5,#e5e5f5,#adadc5,#3c3c50);border-radius:2px 4px 4px 2px}.vp-bolt-b{width:28px;height:52px;bottom:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(to bottom,#3c3c50,#adadc5,#e5e5f5,#adadc5,#3c3c50);border-radius:2px 2px 4px 4px}.vp-scan{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0}.vp-scan::after{content:'';position:absolute;left:-5%;width:110%;height:4px;top:0;background:linear-gradient(to right,transparent,rgba(255,40,40,.25) 15%,rgba(255,70,70,.95) 50%,rgba(255,40,40,.25) 85%,transparent);box-shadow:0 0 18px rgba(255,60,60,.75),0 0 5px rgba(255,60,60,.5)}@keyframes vp-wall-enter{0%{opacity:0}100%{opacity:1}}@keyframes vp-scan-run{0%{top:-2%}100%{top:103%}}@keyframes vp-wheel{0%{transform:rotate(0)}68%{transform:rotate(920deg)}82%{transform:rotate(896deg)}91%{transform:rotate(908deg)}100%{transform:rotate(904deg)}}@keyframes vp-bolt-t{0%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(-56px)}}@keyframes vp-bolt-r{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(56px)}}@keyframes vp-bolt-b{0%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(56px)}}@keyframes vp-door-swing{0%{transform:rotateY(0)}4%{transform:rotateY(-1.5deg)}100%{transform:rotateY(-118deg)}}@keyframes vp-glow-in{0%{opacity:0}100%{opacity:1}}@keyframes vp-rays-in{0%{opacity:0}100%{opacity:.65}}@keyframes vp-dot-blink{0%,100%{opacity:1}50%{opacity:.15}}.vp-overlay.vp-enter .vp-wall{animation:vp-wall-enter .7s cubic-bezier(.22,1,.36,1) forwards}.vp-overlay.vp-scan .vp-scan{opacity:1}.vp-overlay.vp-scan .vp-scan::after{animation:vp-scan-run 1.1s ease-in-out forwards}.vp-overlay.vp-unlock #vpWheel{animation:vp-wheel 2.6s cubic-bezier(.4,0,.15,1) forwards}.vp-overlay.vp-bolts .vp-bolt-t{animation:vp-bolt-t .32s cubic-bezier(.55,0,1,.8) forwards}.vp-overlay.vp-bolts .vp-bolt-r{animation:vp-bolt-r .32s cubic-bezier(.55,0,1,.8) .1s forwards}.vp-overlay.vp-bolts .vp-bolt-b{animation:vp-bolt-b .32s cubic-bezier(.55,0,1,.8) .2s forwards}.vp-overlay.vp-open .vp-door{animation:vp-door-swing 1.6s cubic-bezier(.65,0,.25,1) forwards}.vp-overlay.vp-open .vp-glow{animation:vp-glow-in .9s ease-out .25s forwards}.vp-overlay.vp-open .vp-rays{animation:vp-rays-in 1.1s ease-out .35s forwards}.vp-ui{position:relative;z-index:25;display:flex;flex-direction:column;align-items:center;gap:13px}.vp-status-row{display:flex;align-items:center;gap:11px;font-family:'Courier New',monospace;font-size:11px;letter-spacing:4px;color:rgba(200,185,255,.55);text-transform:uppercase;min-width:270px;justify-content:center}.vp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#ff4040;box-shadow:0 0 8px #ff4040;animation:vp-dot-blink .6s ease-in-out infinite}.vp-dot.scanning{background:#f97316;box-shadow:0 0 9px #f97316;animation-duration:.35s}.vp-dot.unlocking{background:#a855f7;box-shadow:0 0 9px #a855f7;animation-duration:.9s}.vp-dot.granted{background:#06b6d4;box-shadow:0 0 12px #06b6d4;animation:none}#vpStatusText.granted{color:#06b6d4;letter-spacing:5px}.vp-chips{display:flex;gap:10px}.vp-chip{font-family:'Courier New',monospace;font-size:9px;letter-spacing:2px;padding:3px 11px;border:1px solid rgba(255,255,255,.07);border-radius:3px;color:rgba(255,255,255,.18);background:rgba(255,255,255,.03);transition:all .35s}.vp-chip.ok{border-color:rgba(6,182,212,.5);color:#06b6d4;background:rgba(6,182,212,.07);box-shadow:0 0 10px rgba(6,182,212,.18)}.vault-key-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(168,85,247,.2)}.vault-key-hint{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:12px}.vault-tg-link{color:#06b6d4;text-decoration:none;font-weight:600}.vault-tg-link:hover{text-decoration:underline}.vault-key-row{display:flex;gap:8px;align-items:center}.vault-key-input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#fff;font-size:1rem;font-family:'Space Mono',monospace;padding:10px 14px;letter-spacing:.1em;text-transform:uppercase;outline:0;transition:border-color .2s}.vault-key-input:focus{border-color:rgba(168,85,247,.7)}.vault-key-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:10px 16px;cursor:pointer;transition:opacity .2s;white-space:nowrap}.vault-key-btn:hover{opacity:.85}.vault-key-btn:disabled{opacity:.5;cursor:not-allowed}.vault-key-error{color:#f87171;font-size:.8rem;margin-top:8px}.time-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:998;opacity:0;transition:opacity .3s ease}.time-popup-overlay.show{opacity:1}.time-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(.92);background:linear-gradient(160deg,rgba(20,10,35,.97) 0,rgba(10,10,20,.98) 100%);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(168,85,247,.4);border-radius:28px;padding:44px 40px 36px;z-index:999;opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.3,.64,1);text-align:center;max-width:400px;width:90%;box-shadow:0 0 0 1px rgba(168,85,247,.15),0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.06)}.time-popup.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.time-popup h3{background:linear-gradient(135deg,#a855f7 0,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:20px;margin-bottom:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.time-popup .countdown{font-size:48px;font-weight:700;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:20px 0;letter-spacing:4px}.time-popup p{color:var(--text-secondary);font-size:14px;margin-top:20px}.time-popup .close-btn{position:absolute;top:16px;right:16px;width:34px;height:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:rgba(255,255,255,.5);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.time-popup .close-btn:hover{background:rgba(168,85,247,.25);border-color:var(--accent-purple);color:#fff;transform:rotate(90deg)}.audio-player{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:22px}.play-btn{width:62px;height:62px;border-radius:50%;background:var(--grad-1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 28px rgba(168,85,247,.45),inset 0 1px 0 rgba(255,255,255,.2);position:relative}.play-btn::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,#a855f7,#ec4899,#06b6d4,#a855f7);opacity:0;transition:opacity .3s ease;z-index:-1;animation:spin-ring 3s linear infinite}.play-btn.playing::before{opacity:1}.play-btn:hover{transform:scale(1.08);box-shadow:0 12px 36px rgba(168,85,247,.65),inset 0 1px 0 rgba(255,255,255,.2)}@keyframes spin-ring{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,100%{box-shadow:0 8px 28px rgba(168,85,247,.45),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 8px 40px rgba(168,85,247,.75),0 0 0 8px rgba(168,85,247,.1),inset 0 1px 0 rgba(255,255,255,.2)}}.play-btn.playing{animation:pulse-glow 2s ease-in-out infinite}.volume-control{display:flex;align-items:center;gap:10px}.volume-control input{width:80px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent-cyan) 70%,var(--border) 70%);outline:0;cursor:pointer;-webkit-appearance:none}.volume-control input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;transition:all .2s ease}.volume-control input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:none;transition:all .2s ease}.volume-control input::-webkit-slider-thumb:hover{width:18px;height:18px;background:var(--accent-purple)}.visualizer-container{margin-bottom:25px;position:relative}.waveform-container{height:70px;margin-bottom:14px;border-radius:14px;background:rgba(6,182,212,.04);border:1px solid rgba(6,182,212,.15);overflow:hidden;position:relative;cursor:pointer}.waveform-container:hover{border-color:rgba(168,85,247,.35)}.waveform{width:100%;height:100%}.spectrum{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:80px;position:relative;padding:0 4px}.bar{flex:1;min-width:2px;background:linear-gradient(to top,#06b6d4 0,#a855f7 55%,#ec4899 100%);border-radius:3px 3px 0 0;min-height:2px;position:relative;transition:height 80ms cubic-bezier(.4, 0, .2, 1);opacity:.85;box-shadow:0 0 4px rgba(168,85,247,.2)}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;cursor:pointer;position:relative;overflow:visible;--progress:0%}.progress-bar::after{content:'';position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#a855f7,#ec4899);width:var(--progress);border-radius:3px;transition:width 50ms linear;box-shadow:0 0 10px rgba(168,85,247,.7),0 0 20px rgba(236,72,153,.3)}.progress-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 0 8px rgba(168,85,247,.7);pointer-events:none;transition:left 50ms linear,width .15s,height .15s;z-index:1}.progress-bar:hover .progress-thumb{width:16px;height:16px}.progress-tooltip{position:absolute;bottom:16px;transform:translateX(-50%);background:rgba(10,10,20,.92);color:#fff;font-size:11px;padding:3px 7px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s;font-family:'Courier New',monospace;white-space:nowrap;border:1px solid var(--border);z-index:2}.time-display{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:rgba(255,255,255,.35);font-family:'Courier New',monospace;letter-spacing:1px;font-weight:500}.announce{background:linear-gradient(90deg,#a855f7,#06b6d4,#ec4899);background-size:200% 100%;animation:gradient-shift 4s ease infinite;color:#fff;text-align:center;padding:clamp(8px,2vw,12px);font-size:clamp(10px, 1.5vw, 12px);letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.announce span{margin:0 clamp(10px,2vw,20px)}nav{position:sticky;top:0;z-index:100;background:rgba(5,5,7,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:clamp(15px,3vw,20px) clamp(20px,5vw,40px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.logo{font-weight:900;font-size:clamp(16px, 4vw, 20px);letter-spacing:2px;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.logo em{font-style:normal;-webkit-text-fill-color:transparent}.nav-logo{height:90px;width:auto;vertical-align:middle;display:inline-block}.nav-links{display:flex;gap:clamp(15px,3vw,30px);list-style:none;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--cream);text-decoration:none;font-size:clamp(11px, 1.5vw, 13px);letter-spacing:1px;text-transform:uppercase;font-weight:700;transition:color var(--transition-mid);position:relative}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--grad-1);transition:width var(--transition-mid)}.nav-links a:hover::after{width:100%}.nav-cta{background:var(--grad-1);color:#fff!important;padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px);border-radius:20px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(168,85,247,.4)}.burger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;padding:10px}.burger span{width:25px;height:2px;background:var(--cream);transition:all var(--transition-mid)}.burger.active span:first-child{transform:rotate(45deg) translateY(10px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,10vw,80px) clamp(20px,5vw,60px);overflow:hidden;background:var(--bg)}.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:var(--grad-hero);background-size:200% 200%;animation:aurora 6s ease infinite;pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-tag{font-size:clamp(11px, 1.5vw, 14px);letter-spacing:3px;color:var(--accent-cyan);margin-bottom:clamp(20px,3vw,40px);animation:slideInUp .8s ease .2s both}.hero h1{font-size:clamp(40px, 12vw, 180px);margin-bottom:clamp(20px,3vw,40px);animation:slideInUp .8s ease .4s both}.hero h1 .l1{display:block;color:var(--text-primary)}.hero h1 .l2{display:block;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.hero h1 .l3{display:block;color:var(--accent-cyan)}.hero-sub{max-width:600px;font-size:clamp(14px, 2vw, 18px);line-height:1.6;margin-bottom:clamp(20px,3vw,40px);opacity:.85;animation:slideInUp .8s ease .6s both}.hero-cta{display:flex;gap:clamp(15px,3vw,20px);flex-wrap:wrap;animation:slideInUp .8s ease .8s both}.btn{display:inline-block;padding:clamp(14px,2.5vw,18px) clamp(24px,4vw,40px);border-radius:50px;font-weight:700;font-size:clamp(11px, 1.5vw, 13px);letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all var(--transition-mid);border:2px solid transparent}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn-yellow{background:var(--grad-1);color:#fff}.btn-yellow:hover{box-shadow:0 15px 40px rgba(168,85,247,.4)}.btn-outline{border:2px solid rgba(255,255,255,.2);color:var(--text-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:hover{background:rgba(255,255,255,.1);color:var(--text-primary);border-color:var(--accent-cyan)}.donut{position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;opacity:.15;filter:blur(40px)}.d1{top:5%;right:5%;background:linear-gradient(135deg,#a855f7,#ec4899);animation:float 6s ease-in-out infinite}.d2{bottom:10%;left:5%;width:200px;height:200px;background:linear-gradient(135deg,#06b6d4,#a855f7);animation:float 8s ease-in-out infinite 1s}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes shimmer{0%{box-shadow:0 0 20px rgba(168,85,247,.3)}50%{box-shadow:0 0 40px rgba(236,72,153,.5)}100%{box-shadow:0 0 20px rgba(168,85,247,.3)}}@keyframes glow-border{0%,100%{border-color:rgba(168,85,247,.4)}50%{border-color:rgba(6,182,212,.4)}}.ticker{background:var(--grad-2);background-size:200% 100%;animation:gradient-shift 6s ease infinite;color:#fff;padding:clamp(20px,3vw,30px) 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.ticker-track{display:flex;gap:60px;white-space:nowrap;font-size:clamp(28px, 5vw, 80px);font-weight:900;text-transform:uppercase;letter-spacing:-1px}.ticker-track span{display:flex;align-items:center;gap:60px}section{padding:clamp(80px,12vw,140px) clamp(20px,5vw,60px);position:relative}.section-tag{font-size:clamp(11px, 1.5vw, 13px);letter-spacing:3px;margin-bottom:clamp(15px,2vw,25px);color:var(--accent-cyan)}.section-title{font-size:clamp(36px, 10vw, 140px);margin-bottom:clamp(20px,3vw,40px);color:var(--text-primary)}.section-title em{font-style:italic;color:var(--accent-pink)}.vault{background:linear-gradient(rgba(5,5,7,.75),rgba(5,5,7,.75)),url('studio.png') center/cover no-repeat;color:var(--text-primary)}.vault .section-tag{color:var(--accent-pink)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1px;margin-top:clamp(40px,5vw,60px);background:0 0}.beat{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);padding:clamp(24px,4vw,30px);border-radius:12px;transition:all var(--transition-mid);cursor:pointer}.beat:focus-within:not(.beat.disabled),.beat:hover:not(.beat.disabled){background:rgba(168,85,247,.15);border-color:var(--accent-purple);transform:scale(1.05);box-shadow:0 0 30px rgba(168,85,247,.3)}.beat.time-restricted{position:relative}.beat.disabled{opacity:.5;filter:grayscale(60%);cursor:default;pointer-events:none}.beat.blocked{cursor:pointer;position:relative}.beat.blocked .beat-cover,.beat.blocked .beat-cover-placeholder{filter:blur(3px) grayscale(50%);opacity:.6}.beat.blocked .beat-title{filter:blur(5px);user-select:none}.beat.blocked .beat-play{opacity:.5;cursor:pointer;pointer-events:auto}.beat.blocked .coming-badge{position:absolute;top:10px;right:10px;background:rgba(168,85,247,.25);border:1px solid rgba(168,85,247,.5);color:#a855f7;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:4px 8px;border-radius:20px;font-family:'Courier New',monospace;font-weight:700;backdrop-filter:blur(6px)}.beat.enabled{cursor:pointer;pointer-events:auto}.time-badge{position:absolute;top:12px;right:12px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--accent-cyan);padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:1px;border:1px solid var(--accent-cyan);z-index:10;opacity:1;transition:opacity .3s ease}.beat.enabled .time-badge{opacity:0;pointer-events:none}.beat.time-restricted:hover:not(.disabled){border-color:var(--accent-cyan)}.beat-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:clamp(14px,2vw,18px);display:block}.beat-cover-placeholder{width:100%;aspect-ratio:1;border-radius:8px;margin-bottom:clamp(14px,2vw,18px);background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(6,182,212,.2));border:1px solid rgba(168,85,247,.15);display:flex;align-items:center;justify-content:center;font-size:clamp(28px, 5vw, 40px)}.beat-num{font-size:clamp(10px, 1.5vw, 12px);letter-spacing:3px;opacity:.6;margin-bottom:clamp(15px,2vw,20px)}.beat-title{font-size:clamp(18px, 3vw, 24px);font-weight:900;margin-bottom:10px;text-transform:uppercase;letter-spacing:-1px}.beat-meta{font-size:clamp(11px, 1.5vw, 12px);letter-spacing:1px;opacity:.7;margin-bottom:clamp(12px,2vw,20px);text-transform:uppercase}.beat-play{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(11px, 1.5vw, 12px);letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-mid);padding:8px 16px;border-radius:20px;background:var(--grad-1);color:#fff;border:none}.beat-play::before{content:'▶';font-size:12px;transition:transform var(--transition-mid)}.beat-play:hover::before{transform:scale(1.3)}.pricing{background:var(--bg);text-align:center}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,3vw,30px);margin-top:clamp(40px,5vw,60px);max-width:1200px;margin-left:auto;margin-right:auto}.price-card{background:var(--glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border);padding:clamp(24px,4vw,40px);border-radius:20px;text-align:left;transition:all var(--transition-mid)}.price-card:focus-within,.price-card:hover{border-color:var(--accent-cyan);transform:translateY(-10px);box-shadow:0 20px 50px rgba(6,182,212,.2)}.price-card.featured{background:rgba(168,85,247,.12);border:1px solid var(--accent-purple);animation:shimmer 3s ease infinite;transform:scale(1.05)}.price-tier{font-size:clamp(10px, 1.5vw, 12px);letter-spacing:3px;color:var(--accent-cyan);margin-bottom:15px;text-transform:uppercase}.price-amount{font-size:clamp(48px, 8vw, 60px);font-weight:900;margin-bottom:10px;letter-spacing:-2px;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-amount span{font-size:clamp(14px, 2vw, 18px);opacity:.6;-webkit-text-fill-color:currentColor;color:var(--text-secondary)}.price-features{list-style:none;margin:30px 0}.price-features li{padding:clamp(8px,1.5vw,12px) 0;border-bottom:1px solid var(--border);font-size:clamp(12px, 1.5vw, 14px);line-height:1.5}.price-features li::before{content:'✓ ';color:var(--accent-cyan);font-weight:900;margin-right:8px}.membership{background:var(--bg);color:var(--text-primary)}.membership .section-tag{color:var(--accent-cyan)}.membership .section-title em{color:var(--accent-pink)}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,3vw,30px);margin-top:clamp(40px,5vw,60px)}.tier{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(24px,4vw,40px);border-radius:20px;border:1px solid var(--border-accent);transition:all var(--transition-mid)}.tier:focus-within,.tier:hover{transform:translateY(-10px);border-color:var(--accent-purple);box-shadow:0 0 30px rgba(168,85,247,.25)}.tier h3{font-size:clamp(22px, 3vw, 32px);font-weight:900;margin-bottom:15px;text-transform:uppercase;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-price{font-size:clamp(36px, 6vw, 48px);font-weight:900;margin-bottom:20px;color:var(--accent-cyan)}.tier-price span{font-size:clamp(12px, 1.5vw, 14px);opacity:.7;color:var(--text-secondary)}.tier ul{list-style:none}.tier ul li{padding:clamp(8px,1.5vw,12px) 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:clamp(12px, 1.5vw, 14px);line-height:1.5}.btn-dm{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Courier New',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,rgba(193,53,132,.15),rgba(168,85,247,.15));color:#fff;border:1px solid rgba(193,53,132,.5);padding:11px 16px;border-radius:50px;transition:all .25s;position:relative;overflow:hidden}.btn-dm::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(193,53,132,.25),rgba(131,58,180,.25),rgba(253,29,29,.15));opacity:0;transition:opacity .25s}.btn-dm:hover::before{opacity:1}.btn-dm:hover{border-color:rgba(193,53,132,.9);box-shadow:0 0 16px rgba(193,53,132,.35);transform:translateY(-1px)}.btn-dm svg{flex-shrink:0;width:14px;height:14px}.dm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:900;opacity:0;pointer-events:none;transition:opacity .3s}.dm-overlay.show{opacity:1;pointer-events:all}.dm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-54%);width:min(480px,calc(100vw - 32px));background:var(--bg-2);border:1px solid var(--border-accent);border-radius:24px;padding:40px 36px;z-index:901;opacity:0;pointer-events:none;transition:all .3s;box-shadow:0 30px 80px rgba(168,85,247,.2);text-align:center}.dm-modal.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.dm-close{position:absolute;top:16px;right:16px;background:0 0;border:none;color:var(--text-secondary);font-size:18px;cursor:none;transition:color .2s}.dm-close:hover{color:var(--text-primary)}.dm-ig-icon{font-size:40px;margin-bottom:12px}.dm-modal h3{font-family:'Arial Black',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:6px}.dm-sub{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.dm-message{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.7;text-align:left;white-space:pre-wrap;color:var(--text-primary);margin-bottom:20px;font-family:'Courier New',monospace}.dm-actions{display:flex;gap:12px;flex-direction:column}.btn-copy{font-family:'Arial Black',sans-serif;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;background:var(--grad-1);color:#fff;border:none;padding:13px;border-radius:8px;cursor:none;transition:all .2s;box-shadow:0 8px 24px rgba(168,85,247,.3)}.btn-copy:hover{opacity:.88;transform:translateY(-1px)}.btn-copy.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-ig{display:block;font-family:'Arial Black',sans-serif;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;text-decoration:none;padding:13px;border-radius:8px;transition:all .2s;box-shadow:0 8px 24px rgba(220,39,67,.3)}.btn-ig:hover{opacity:.88;transform:translateY(-1px);color:#fff}.spotify-section{background:var(--bg);color:var(--text-primary)}.spotify-section .section-tag{color:#1db954}.spotify-wrap{margin-top:clamp(30px,4vw,50px);border-radius:16px;overflow:hidden;border:1px solid var(--border-accent);box-shadow:0 20px 60px rgba(29,185,84,.1)}.show{background:var(--bg-2);color:var(--text-primary)}.show-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(30px,5vw,50px)}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:20px;border:1px solid var(--border);font-family:'Courier New',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;transition:all .4s;margin-top:8px}.live-badge.is-live{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08);box-shadow:0 0 20px rgba(34,197,94,.15)}.live-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);flex-shrink:0}.live-badge.is-live .live-dot{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-text{color:var(--text-secondary)}.live-badge.is-live .live-text{color:#22c55e}.show-embed-wrap{display:grid;grid-template-columns:1fr;border-radius:16px;overflow:hidden;border:1px solid var(--border-accent);height:500px;box-shadow:0 20px 60px rgba(168,85,247,.15);margin-bottom:clamp(24px,4vw,40px)}.show-embed-wrap.is-live{grid-template-columns:2fr 1fr}.show-embed-wrap iframe{width:100%;height:100%;border:none;display:block}.show-embed-wrap .chat-iframe{border-left:1px solid rgba(168,85,247,.2)}@media(max-width:900px){.show-embed-wrap,.show-embed-wrap.is-live{grid-template-columns:1fr;height:auto}.show-embed-wrap .player-iframe{height:260px}.show-embed-wrap .chat-iframe{height:340px;border-left:none;border-top:1px solid rgba(168,85,247,.2)}}.show-info-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.show-info-bar p{font-size:clamp(13px,2vw,15px);color:var(--text-secondary);line-height:1.6;max-width:600px}.btn-twitch{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#9147ff;color:#fff;border-radius:8px;font-family:'Arial Black',sans-serif;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .2s;box-shadow:0 8px 24px rgba(145,71,255,.35)}.btn-twitch:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 12px 36px rgba(145,71,255,.55);color:#fff}.shop{background:var(--bg);color:var(--text-primary)}.shop .section-tag{color:var(--accent-pink)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(20px,3vw,30px);margin-top:clamp(40px,5vw,60px)}.product{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);padding:clamp(24px,4vw,40px);border-radius:15px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all var(--transition-mid)}.product:focus-within,.product:hover{transform:translateY(-10px);border-color:var(--accent-cyan);box-shadow:0 20px 50px rgba(6,182,212,.2)}.product-img{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;margin-bottom:clamp(15px,2vw,20px);display:flex;align-items:center;justify-content:center;font-size:clamp(60px, 12vw, 80px);transition:transform var(--transition-mid)}.product:nth-child(2) .product-img{background:linear-gradient(135deg,#06b6d4,#a855f7)}.product:nth-child(3) .product-img{background:linear-gradient(135deg,#f97316,#ec4899)}.product:nth-child(4) .product-img{background:linear-gradient(135deg,#a855f7,#06b6d4)}.product:nth-child(5) .product-img{background:linear-gradient(135deg,#ec4899,#f97316)}.product:nth-child(6) .product-img{background:linear-gradient(135deg,#06b6d4,#f97316)}.product:hover .product-img{transform:scale(1.1) rotate(5deg)}.product-status{position:absolute;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:clamp(4px,1vw,6px) clamp(10px,1.5vw,12px);border-radius:20px;font-size:clamp(9px, 1vw, 10px);letter-spacing:1px;font-weight:700;text-transform:uppercase}.product h4{font-size:clamp(16px, 2.5vw, 22px);font-weight:900;text-transform:uppercase;margin-bottom:clamp(8px,1.5vw,10px);letter-spacing:-.5px}.product-price{font-size:clamp(18px, 3vw, 24px);font-weight:900;color:var(--accent-cyan)}.manifesto{background:var(--bg);text-align:center}.manifesto .lead{max-width:700px;margin:clamp(20px,3vw,40px) auto clamp(40px,5vw,60px);font-size:clamp(16px, 2.5vw, 20px);line-height:1.7;color:var(--text-secondary)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:clamp(15px,3vw,30px);margin-bottom:clamp(40px,6vw,80px);max-width:900px;margin-left:auto;margin-right:auto}.stat-num{font-size:clamp(48px, 10vw, 80px);font-weight:900;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.stat-label{font-size:clamp(10px, 1.5vw, 12px);letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-top:8px}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(15px,3vw,20px);max-width:1200px;margin:0 auto;text-align:left}.rule{padding:clamp(20px,3vw,30px);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;transition:all var(--transition-mid)}.rule:focus-within,.rule:hover{border-color:var(--accent-purple);background:rgba(168,85,247,.1);box-shadow:0 0 20px rgba(168,85,247,.2)}.rule-num{font-size:clamp(32px, 6vw, 40px);font-weight:900;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.rule p{font-size:clamp(13px, 2vw, 16px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.4;color:var(--text-primary)}.business{background:var(--bg-2);color:var(--text-primary)}.business .section-tag{color:var(--accent-cyan)}.biz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,3vw,30px);margin-top:clamp(40px,5vw,60px)}.biz-card{background:var(--glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:var(--text-primary);padding:clamp(24px,4vw,40px);border-radius:15px;border:1px solid var(--border);transition:all var(--transition-mid)}.biz-card:focus-within,.biz-card:hover{transform:translateY(-10px);border-color:var(--accent-purple);box-shadow:0 20px 50px rgba(168,85,247,.2)}.biz-card h3{font-size:clamp(18px, 3vw, 24px);font-weight:900;text-transform:uppercase;margin-bottom:15px;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.biz-card p{font-size:clamp(13px, 1.5vw, 14px);line-height:1.6;margin-bottom:20px;color:var(--text-secondary)}.biz-card a{color:var(--accent-cyan);text-decoration:none;font-weight:700;font-size:clamp(11px, 1.5vw, 13px);letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-mid)}.biz-card a:hover{transform:translateX(5px)}.tg-features{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto clamp(30px,4vw,48px);text-align:left}.tg-feature{font-size:clamp(13px,1.5vw,15px);color:var(--text-secondary);padding:12px 16px;background:var(--glass);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(10px)}.btn-tg{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#229ed9,#1a8abd);color:#fff;border-radius:12px;font-family:'Arial Black',sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .2s;box-shadow:0 8px 28px rgba(34,158,217,.4)}.btn-tg:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 14px 40px rgba(34,158,217,.6);color:#fff}.contact{background:var(--bg);color:#fff;text-align:center}.contact .section-title em{color:var(--accent-pink)}.contact-form{max-width:500px;margin:clamp(40px,5vw,60px) auto 0;display:flex;gap:clamp(8px,2vw,12px);flex-wrap:wrap;justify-content:center}.contact-form input{flex:1;min-width:clamp(200px,100%,250px);padding:clamp(14px,2vw,18px) clamp(16px,3vw,24px);border-radius:50px;border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-size:clamp(13px, 1.5vw, 14px);letter-spacing:.5px;transition:all var(--transition-mid)}.contact-form input::placeholder{color:var(--text-secondary)}.contact-form input:focus{border-color:var(--accent-purple);box-shadow:0 0 20px rgba(168,85,247,.3);outline:0}.contact-form button{background:var(--grad-1);color:#fff;border:none;padding:clamp(14px,2vw,18px) clamp(24px,4vw,36px);border-radius:50px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:clamp(11px, 1.5vw, 13px);cursor:pointer;transition:all var(--transition-mid)}.contact-form button:active,.contact-form button:hover{box-shadow:0 8px 20px rgba(168,85,247,.4);transform:translateY(-2px)}footer{background:linear-gradient(to bottom,var(--bg-secondary),var(--bg));padding:clamp(60px,8vw,100px) clamp(20px,5vw,60px) clamp(30px,4vw,50px);position:relative}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-purple),var(--accent-cyan),transparent)}.foot-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,5vw,60px);margin-bottom:clamp(50px,6vw,70px);max-width:1100px;margin-left:auto;margin-right:auto}@media (min-width:768px){.foot-grid{grid-template-columns:1.8fr 1fr 1fr 1fr}}.foot-brand h4{font-size:clamp(20px, 3vw, 26px);font-weight:900;margin-bottom:14px;text-transform:uppercase;letter-spacing:3px;background:var(--grad-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.foot-brand p{font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:260px;opacity:.75}.foot-col h5{font-size:10px;letter-spacing:3px;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:20px;opacity:.8}.foot-col ul{list-style:none}.foot-col li{margin-bottom:10px}.foot-col a{color:var(--text-secondary);text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:all .2s;opacity:.7}.foot-col a::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-purple);opacity:0;transform:scale(0);transition:all .2s;flex-shrink:0}.foot-col a:hover{color:#fff;opacity:1;transform:translateX(6px)}.foot-col a:hover::before{opacity:1;transform:scale(1)}.foot-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);max-width:1100px;margin:0 auto;text-align:center;opacity:.5}@media (min-width:768px){.foot-bot{flex-direction:row;justify-content:space-between;text-align:left}}.reveal{opacity:0;transform:translateY(40px);transition:all var(--transition-slow)}.reveal.in{opacity:1;transform:none}@media(max-width:767px){nav{padding:12px 15px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--black);flex-direction:column;padding:clamp(20px,4vw,30px);gap:clamp(12px,2vw,20px);border-bottom:1px solid rgba(244,234,213,.1)}.nav-links.open{display:flex}.burger{display:flex}section{padding:clamp(60px,8vw,80px) clamp(16px,4vw,24px)}.hero{padding:clamp(40px,6vw,60px) clamp(16px,4vw,24px)}.donut{display:none}.show-grid{grid-template-columns:1fr;gap:clamp(30px,4vw,40px)}.stats{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}body{cursor:auto}a,button{cursor:pointer}}@media (min-width:768px) and (max-width:1024px){section{padding:100px 40px}.hero{padding:60px 40px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--yellow);color:var(--black);padding:8px;z-index:100;text-decoration:none;font-weight:700}.skip-link:focus{top:0}.beat,.price-card,.product,.tier{perspective:1000px}.beat:hover,.price-card:hover,.product:hover,.tier:hover{transform:rotateX(4deg) rotateY(4deg) scale(1.02)!important}.price-card.featured{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(45deg,#a855f7,#06b6d4,#ec4899,#a855f7) border-box;border:2px solid transparent;animation:shimmer 3s ease infinite,border-glow 4s ease-in-out infinite}@keyframes border-glow{0%,100%{filter:drop-shadow(0 0 15px rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 30px rgba(6,182,212,.4))}}.btn-yellow,.contact-form button{position:relative;overflow:hidden}.btn-yellow::after,.contact-form button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.beat-play{position:relative;overflow:hidden}.beat-play::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2.5s infinite}@media print{.burger,nav{display:none}.announce{background:#fff;color:#000}body{color:#000;background:#fff}}.beat.skeleton{pointer-events:none}.sk-line{border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer-sk 1.5s infinite}@keyframes shimmer-sk{0%{background-position:200% 0}100%{background-position:-200% 0}}.sk-num{width:40px;height:10px;margin-bottom:20px}.sk-title{width:80%;height:22px;margin-bottom:10px}.sk-meta{width:60%;height:12px;margin-bottom:20px}.sk-btn{width:100px;height:32px;border-radius:20px}.product.skeleton{pointer-events:none}.product.skeleton .product-img{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer-sk 1.5s infinite}.sk-product-title{width:75%;height:20px;margin-bottom:10px}.sk-product-price{width:40%;height:24px;margin-bottom:20px}.sk-product-btn{width:120px;height:36px;border-radius:20px}.beats-empty,.beats-error{grid-column:1/-1;text-align:center;padding:80px 40px;color:var(--text-secondary);font-size:18px;font-weight:700;letter-spacing:1px}.beats-empty-sub,.beats-error-sub{font-size:13px;font-weight:400;margin-top:8px;opacity:.6}.beats-retry{margin-top:20px;display:inline-block;background:var(--grad-1);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all var(--transition-mid)}.beats-retry:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(168,85,247,.4)}.album-popup-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s;padding:20px}.album-popup-overlay.visible{opacity:1}.album-popup{background:linear-gradient(145deg,#0d0d14,#12111a);border:1px solid rgba(168,85,247,.35);border-radius:24px;padding:40px 36px 36px;width:min(480px,100%);position:relative;box-shadow:0 32px 80px rgba(168,85,247,.25),0 0 0 1px rgba(255,255,255,.04);transform:translateY(24px);transition:transform .35s;text-align:center}.album-popup-overlay.visible .album-popup{transform:translateY(0)}.album-popup-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.6);width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.album-popup-close:hover{background:rgba(255,255,255,.15);color:#fff}.album-popup-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent-cyan,#06b6d4);margin-bottom:20px;font-family:'Courier New',monospace}.album-popup-cover{width:180px;height:180px;border-radius:16px;object-fit:cover;margin:0 auto 20px;display:block;box-shadow:0 16px 48px rgba(168,85,247,.3);border:2px solid rgba(168,85,247,.3)}.album-popup-artist{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:2px;text-transform:uppercase;font-family:'Courier New',monospace;margin-bottom:6px}.album-popup-title{font-family:'Arial Black',sans-serif;font-weight:900;font-size:clamp(20px, 5vw, 28px);letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px}.album-popup-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.album-popup-link{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:99px;border:1px solid rgba(168,85,247,.35);background:rgba(168,85,247,.08);color:rgba(255,255,255,.85);font-family:'Courier New',monospace;font-size:11px;letter-spacing:.5px;text-decoration:none;transition:all .2s}.album-popup-link:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.6);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(168,85,247,.2)}
}