:root{--bg-dark:#0f1115;--bg-card:#1a1d2466;--accent:#3b82f6;--accent-glow:#3b82f666;--text-main:#fff;--text-muted:#a1a1aa;--player-bg:#0f11154d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);overscroll-behavior-x:none;background-color:#000;font-family:Inter,sans-serif;overflow-x:clip}.layout-wrapper{flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex;overflow-x:clip}.navbar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#1a1d2466;border-bottom:1px solid #ffffff1a;padding:1rem 0;transition:transform .3s,opacity .3s;position:sticky;top:0;box-shadow:0 4px 30px #0000001a}.navbar--dial-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.navbar-hamburger--float{z-index:200;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#0a0c14b8;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background .2s,border-color .2s;display:flex;position:fixed;top:14px;right:16px}.navbar-hamburger--float:hover{background:#0a0c14e6;border-color:#ffffff4d}.navbar-hamburger--float span{transform-origin:50%;background:#fff;border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar-hamburger--float.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger--float.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger--float.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-container{justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex}.navbar-logo{margin-left:.5rem}.navbar-logo a{background:linear-gradient(105deg,#89c 0%,#c8d4f0 30%,#fff 48%,#c8d4f0 66%,#89c 100%) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none;animation:5s ease-in-out infinite logo-shine}@keyframes logo-shine{0%{background-position:200%}to{background-position:-100%}}.navbar-links a{color:var(--text-muted);margin-left:2rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:not(.navbar-cta):after{content:"";background:var(--neon,#00f2ff);width:100%;height:2px;box-shadow:0 0 6px var(--neon,#00f2ff), 0 0 14px var(--neon,#00f2ff), 0 0 28px var(--neon,#00f2ff);transform-origin:0;border-radius:2px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.navbar-links a:not(.navbar-cta):hover:after{transform:scaleX(1)}.navbar-links a:not(.navbar-cta):hover{transition:color .15s;color:var(--neon,var(--text-main))!important}.navbar-links a.active{color:var(--text-main)}.navbar-links a.navbar-cta{letter-spacing:.01em;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:50px;align-items:center;gap:4px;margin-left:2rem;padding:7px 18px;font-size:.88rem;font-weight:600;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;color:#3b82f6!important}.navbar-links a.navbar-cta:hover,.navbar-links a.navbar-cta-active{background:#3b82f638;border-color:#3b82f699;transform:translateY(-1px);box-shadow:0 0 20px #3b82f633;color:#fff!important}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.hero.hero-video{justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}.hero-overlay{z-index:1;background:linear-gradient(#0000001a 0%,#0003 65%,#000000fa 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:4rem 2rem;position:relative}.hero:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:2;opacity:.4;pointer-events:none;width:600px;height:600px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero h1,.hero-content h1{text-shadow:0 2px 8px #000000e6,0 4px 32px #000000b3;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero p,.hero-content p{color:#ffffffeb;text-shadow:0 1px 6px #000000d9,0 2px 16px #0009;max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.hero-buttons .btn-primary{background:var(--accent);color:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 10px 20px #3b82f633}.hero-buttons .btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 15px 25px #3b82f666}.hero-buttons .btn-live{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#3b82f626;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 8px 32px #0003}.hero-buttons .btn-live:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 12px 40px #3b82f64d}.hero-buttons .btn-live i{font-size:1.2rem}.footer{text-align:center;-webkit-backdrop-filter:blur(12px);color:var(--text-muted);background:#1a1d2466;border-top:1px solid #ffffff1a;margin-top:auto;padding:3rem 2rem}.footer-links{margin-top:1rem}.footer-links a{color:var(--text-muted);margin:0 1rem;font-size:.9rem;text-decoration:none}.wtr-player{background:var(--player-bg);-webkit-backdrop-filter:blur(24px);z-index:1000;border-top:1px solid #ffffff1a;align-items:center;height:90px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0003}.wtr-player-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.wtr-info{flex:1;align-items:center;display:flex}.wtr-artwork{background:linear-gradient(135deg, #1e293b, var(--accent));border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1rem;display:flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse;box-shadow:0 0 10px #10b981}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 20px #10b981}to{opacity:.8;transform:scale(.95)}}.wtr-details h4{white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin-bottom:.2rem;font-size:1rem;overflow:hidden}.wtr-details p{color:var(--text-muted);font-size:.8rem}.wtr-controls{flex:1;justify-content:center;display:flex}.play-btn{background:var(--text-main);color:var(--bg-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:transform .2s,background .2s;display:flex}.play-btn:hover{background:#e4e4e7;transform:scale(1.1)}.wtr-volume{color:var(--text-muted);flex:1;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.mute-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1.1rem;transition:color .2s;display:flex}.mute-btn:hover{color:var(--text-main)}.volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:100px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--text-main);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.play-btn.loading{opacity:.6;cursor:not-allowed}.spinner{border:3px solid #0003;border-top-color:var(--bg-dark);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot:not(.live){box-shadow:none;background-color:#71717a;animation:none}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:26px;height:18px;padding:0;display:none}.navbar-hamburger span{background:var(--text-main);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar-hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navbar-mobile-menu{-webkit-backdrop-filter:blur(24px);background:#080a10fa;border-top:1px solid #ffffff0f;flex-direction:column;max-height:0;transition:max-height .36s cubic-bezier(.4,0,.2,1);display:none;overflow:hidden}.navbar-mobile-menu.open{max-height:480px}.navbar-mobile-menu a{color:var(--text-muted);border-bottom:1px solid #ffffff0a;padding:1rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block}.navbar-mobile-menu a:hover,.navbar-mobile-menu a.active{color:var(--text-main);background:#ffffff08}.navbar-mobile-menu a.navbar-cta{text-align:center;background:#3b82f614;border:1px solid #3b82f659;border-radius:50px;margin:1rem 1.5rem 1.25rem;padding:13px 20px;font-size:.93rem;font-weight:600;color:#3b82f6!important}@media (max-width:1024px){.hero h1,.hero-content h1{font-size:3.25rem}.container{padding:3rem 1.5rem}}@media (max-width:768px){.navbar-links{display:none}.navbar-hamburger,.navbar-mobile-menu{display:flex}.navbar-container{padding:0 1.25rem}.layout-wrapper{padding-bottom:70px}.hero{padding:4rem 1.25rem}.hero h1,.hero-content h1{font-size:2.5rem;line-height:1.15}.hero p,.hero-content p{margin-bottom:2rem;font-size:1rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px!important}.hero-buttons .btn-primary,.hero-buttons .btn-live{padding:.85rem 2rem;font-size:1rem}.footer{padding:2rem 1.25rem}.footer-links a{margin:0 .5rem;font-size:.82rem}.wtr-player{height:70px}.wtr-player-container{padding:0 1rem}.wtr-artwork{width:42px;height:42px;margin-right:.65rem}.wtr-details h4{max-width:150px;font-size:.85rem}.wtr-details p{font-size:.72rem}.play-btn{width:42px;height:42px;font-size:1rem}.volume-slider{width:70px}.container{padding:2rem 1.25rem}}@media (max-width:480px){.hero h1,.hero-content h1{font-size:2rem}.hero p,.hero-content p{font-size:.92rem}.wtr-volume{display:none}.wtr-info{flex:2}.wtr-controls{flex:none}.navbar-container{padding:0 1rem}}