*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes fallDiagLeft{0%{opacity:0;transform:translateY(-150px)}10%{opacity:.65}90%{opacity:.65}to{opacity:0;transform:translate(-600px,120vh)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(-2deg)}20%{transform:skew(4deg)}30%{transform:skew(-1deg)}40%{transform:skew(3deg)}50%{transform:skew(-3deg)}60%{transform:skew(2deg)}70%{transform:skew(-4deg)}80%{transform:skew(1deg)}90%{transform:skew(3deg)}to{transform:skew(0deg)}}@keyframes glitch-clip-1{0%{clip-path:inset(20% 0 60%);transform:translate(-4px,2px)}10%{clip-path:inset(50% 0 20%);transform:translate(3px,-1px)}20%{clip-path:inset(10% 0 70%);transform:translate(-2px,4px)}30%{clip-path:inset(80% 0 5%);transform:translate(5px,-3px)}40%{clip-path:inset(30% 0 40%);transform:translate(-3px,1px)}50%{clip-path:inset(60% 0 10%);transform:translate(2px,-4px)}60%{clip-path:inset(5% 0 80%);transform:translate(-5px,2px)}70%{clip-path:inset(40% 0 30%);transform:translate(4px,-2px)}80%{clip-path:inset(70% 0 15%);transform:translate(-1px,3px)}90%{clip-path:inset(15% 0 50%);transform:translate(3px,-5px)}to{clip-path:inset(25% 0 45%);transform:translate(-2px,1px)}}@keyframes glitch-clip-2{0%{clip-path:inset(65% 0 10%);transform:translate(3px,-2px)}10%{clip-path:inset(15% 0 55%);transform:translate(-4px,3px)}20%{clip-path:inset(45% 0 25%);transform:translate(2px,-5px)}30%{clip-path:inset(5% 0 75%);transform:translate(-3px,4px)}40%{clip-path:inset(55% 0 15%);transform:translate(5px,-1px)}50%{clip-path:inset(25% 0 50%);transform:translate(-2px,3px)}60%{clip-path:inset(75% 0 5%);transform:translate(4px,-3px)}70%{clip-path:inset(35% 0);transform:translate(-5px,2px)}80%{clip-path:inset(10% 0 65%);transform:translate(1px,-4px)}90%{clip-path:inset(50% 0 20%);transform:translate(-3px,5px)}to{clip-path:inset(30% 0 40%);transform:translate(2px,-2px)}}@keyframes glitch-flash{0%,to{opacity:0}5%{opacity:.8}10%{opacity:0}40%{opacity:.6}45%{opacity:0}70%{opacity:.9}75%{opacity:0}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}body{background:#000;font-family:DM Sans,sans-serif;overflow:hidden}.overlay{z-index:9999;cursor:pointer;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-text{color:#fff;-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:28px;animation:2s infinite pulse}.lang-toggle{z-index:10001;color:#fff;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0009;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .25s,background .2s;display:flex;position:fixed;top:15px;left:15px}.lang-toggle:hover{background:#000c}.music-toggle{z-index:10000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0009;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .25s,background .2s;display:flex;position:fixed;top:15px;right:15px}.music-toggle:hover{background:#000c}.music-toggle svg{width:18px;height:18px}.music-toggle-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#000000d9;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .2s;position:absolute;top:50%;right:56px;transform:translateY(-50%)}.music-toggle:hover .music-toggle-tooltip{opacity:1;visibility:visible}@media (hover:none){.music-toggle-tooltip{display:none}}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 40%,#000000f2 100%);position:absolute;inset:0}.em{pointer-events:none;opacity:0;z-index:1;will-change:transform, opacity;font-size:5rem;line-height:1;animation:linear infinite fallDiagLeft;position:absolute}.card{-webkit-backdrop-filter:blur(12px);text-align:center;z-index:10;background:#111111d9;border-radius:24px;width:90%;max-width:520px;padding:3rem 2.5rem;position:relative;box-shadow:0 24px 48px #000c}.card.glitching{animation:.4s linear glitch-skew}.card.glitching:before,.card.glitching:after{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0}.card.glitching:before{background:inherit;mix-blend-mode:screen;z-index:11;animation:.3s linear 3 glitch-clip-1;box-shadow:-3px 0 #ff0040,3px 0 #00ffea}.card.glitching:after{background:inherit;mix-blend-mode:screen;z-index:12;animation:.3s linear 3 glitch-clip-2;box-shadow:3px 0 #ff0040,-3px 0 #00ffea}.card-scanlines{pointer-events:none;z-index:13;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);border-radius:24px;position:absolute;inset:0}.card.glitching .card-scanlines{animation:.3s linear 3 glitch-flash}.card-flash{pointer-events:none;z-index:14;opacity:0;background:#fff;border-radius:24px;position:absolute;inset:0}.card.glitching .card-flash{animation:.15s linear 2 glitch-flash}.title{color:#fff;letter-spacing:-.03em;margin:0 0 .6rem;font-family:Syne,sans-serif;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:800;line-height:1.1;animation:3s ease-in-out infinite pulse}.exclaim{color:#ff5050}.divider{background:#ff5050;border-radius:2px;width:48px;height:3px;margin:0 auto 1.4rem}.subtitle{color:#ffffffa6;margin:0 0 2rem;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.75}.yt-btn{color:#fff;background:red;border-radius:100px;align-items:center;gap:10px;padding:13px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 20px #f006}.yt-btn:hover{transform:scale(1.05);box-shadow:0 6px 28px #f009}
