*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#050507;--bg2:#0b0b10;--card:rgba(20,20,27,.72);--card2:#17171f;--line:rgba(255,255,255,.09);--txt:#f5f5f7;--muted:#a8a8b5;--dim:#6d6d7a;--glow:0 0 18px rgba(255,255,255,.35),0 0 55px rgba(255,255,255,.12);--acc:#fff;--vio:#8b7bff;--cy:#67e8f9;--r:20px}
html{scroll-behavior:smooth}
body{font-family:'Inter',Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.65;min-height:100vh;overflow-x:hidden}
::selection{background:#fff;color:#000}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#08080b}::-webkit-scrollbar-thumb{background:linear-gradient(#3a3a46,#1b1b22);border-radius:99px;border:2px solid #08080b}::-webkit-scrollbar-thumb:hover{background:#fff}
h1,h2,h3,.orb{font-family:'Orbitron',sans-serif;letter-spacing:2px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
img{max-width:100%}
.wrap{max-width:1150px;margin:auto;padding:0 22px;position:relative;z-index:2}
/* ARKA PLAN: yıldız canvas + aurora */
#stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.85}
.aurora{position:fixed;border-radius:50%;filter:blur(110px);z-index:0;pointer-events:none;opacity:.5}
.aurora.a1{width:560px;height:560px;left:-160px;top:-120px;background:radial-gradient(circle,rgba(139,123,255,.35),transparent 65%);animation:drift1 16s ease-in-out infinite alternate}
.aurora.a2{width:640px;height:640px;right:-200px;top:22%;background:radial-gradient(circle,rgba(103,232,249,.20),transparent 65%);animation:drift2 20s ease-in-out infinite alternate}
.aurora.a3{width:520px;height:520px;left:22%;bottom:-220px;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%);animation:drift1 24s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(70px,50px) scale(1.12)}}
@keyframes drift2{to{transform:translate(-80px,-40px) scale(1.08)}}
body::after{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}
/* PRELOADER */
#preloader{position:fixed;inset:0;z-index:200;background:#050507;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}
#preloader.done{opacity:0;visibility:hidden}
#preloader b{font-family:'Orbitron';letter-spacing:10px;font-size:clamp(22px,5vw,40px);animation:pulse 1.4s ease-in-out infinite}
#preloader small{letter-spacing:6px;color:var(--muted);font-size:11px}
#preloader .barw{width:min(300px,60vw);height:3px;background:#1c1c24;border-radius:99px;overflow:hidden}
#preloader .barw i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--vio),#fff,var(--cy));border-radius:99px;animation:load 1.1s ease-in-out infinite}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}
@keyframes pulse{50%{opacity:.45}}
/* CURSOR */
#cur,#curR{position:fixed;top:0;left:0;pointer-events:none;z-index:150;border-radius:50%;display:none}
@media(pointer:fine){#cur,#curR{display:block}}
#cur{width:8px;height:8px;background:#fff;box-shadow:0 0 12px #fff;transform:translate(-50%,-50%)}
#curR{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s,background .25s}
#curR.hov{width:60px;height:60px;border-color:var(--cy);background:rgba(103,232,249,.08)}
/* NAV */
.topbar{position:sticky;top:0;z-index:60;background:rgba(6,6,9,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s}
.topbar.scrolled{background:rgba(6,6,9,.9);box-shadow:0 10px 40px rgba(0,0,0,.5)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;max-width:1250px;margin:auto;gap:10px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:var(--glow);background:#000;animation:ring 3.5s ease-in-out infinite}
@keyframes ring{50%{box-shadow:0 0 8px rgba(255,255,255,.25),0 0 30px rgba(139,123,255,.4)}}
.brand b{font-family:'Orbitron';letter-spacing:3px;font-size:16px;line-height:1.1;display:block}
.brand small{font-size:9px;letter-spacing:5px;color:var(--muted)}
.menu{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.menu a{font-size:12.5px;letter-spacing:1.5px;color:var(--muted);padding:9px 13px;border-radius:10px;font-weight:600;position:relative;transition:.25s}
.menu a::after{content:'';position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--vio),var(--cy));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover,.menu a.active{color:#fff;background:rgba(255,255,255,.06)}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1)}
.menu .cta{background:#fff;color:#000;margin-left:6px}
.menu .cta::after{display:none}
.menu .cta:hover{box-shadow:var(--glow);background:#fff;color:#000;transform:translateY(-1px)}
#hamb{display:none;background:#15151a;border:1px solid var(--line);color:#fff;padding:8px 13px;border-radius:10px;font-size:18px;cursor:pointer}
/* HERO */
.hero{position:relative;padding:96px 0 54px;text-align:center;overflow:hidden;background:radial-gradient(700px 380px at 50% 16%,rgba(139,123,255,.16),transparent),radial-gradient(900px 500px at 50% 100%,rgba(103,232,249,.07),transparent),#050507}
.hero-logo{width:min(300px,62vw);filter:drop-shadow(0 0 28px rgba(255,255,255,.45)) drop-shadow(0 0 70px rgba(139,123,255,.35));animation:float 5.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.kicker{letter-spacing:5px;font-size:11px;color:var(--muted);margin-top:16px}
.hero h1{font-size:clamp(52px,9vw,110px);letter-spacing:10px;margin:8px 0 0;background:linear-gradient(180deg,#fff 30%,#9d9dab 75%,#5b5b68);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,255,255,.25))}
.hero .dyn{letter-spacing:14px;font-size:clamp(13px,2.4vw,22px);background:linear-gradient(90deg,var(--vio),#fff,var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px;font-family:'Orbitron'}
.hero .slogan{letter-spacing:5px;font-size:12px;color:#bbb;margin-top:10px}
.lead{color:var(--muted);max-width:680px;margin:18px auto 26px;font-size:15.5px}
.btn{display:inline-block;padding:13px 28px;border-radius:999px;border:1px solid #fff;background:linear-gradient(180deg,#fff,#d9d9e2);color:#000;font-weight:800;letter-spacing:1px;font-size:14px;cursor:pointer;transition:.22s;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-20deg);transition:left .5s}
.btn:hover::before{left:130%}
.btn:hover{box-shadow:0 0 24px rgba(255,255,255,.45),0 0 70px rgba(139,123,255,.35);transform:translateY(-2px)}
.btn.ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.btn.ghost:hover{background:#fff;color:#000}
.btn.sm{padding:9px 18px;font-size:12.5px}
.btn.dark{background:rgba(255,255,255,.06);color:#fff;border-color:var(--line)}
.btn.dark:hover{background:#fff;color:#000}
.btn:disabled{opacity:.6;cursor:wait;transform:none}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.page-hero{padding:70px 0 34px;text-align:left;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(139,123,255,.08),transparent 70%),#060608;position:relative;z-index:2}
.page-hero h1{font-size:clamp(30px,5vw,54px);letter-spacing:4px;background:linear-gradient(180deg,#fff,#8f8fa0);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{color:var(--muted);max-width:720px;margin-top:10px}
.crumb{font-size:12px;color:var(--dim);letter-spacing:2px;margin-bottom:10px}
.crumb a{color:var(--muted)}
/* STATS */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:34px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:.3s}
.stat::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.6}
.stat:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3);box-shadow:var(--glow)}
.stat b{font-family:'Orbitron';font-size:28px;display:block;background:linear-gradient(180deg,#fff,#a5a5b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:11px;letter-spacing:3px;color:var(--muted)}
/* SECTIONS + REVEAL */
section.block{padding:56px 0;position:relative;z-index:2}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.sec-head p{color:var(--muted);letter-spacing:4px;font-size:11px}
.sec-head h2{font-size:clamp(24px,3.6vw,38px);margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;transform-style:preserve-3d;will-change:transform}
.card::after{content:'';position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(500px 200px at var(--mx,50%) var(--my,0%),rgba(255,255,255,.09),transparent 60%);opacity:0;transition:opacity .3s}
.card:hover{border-color:rgba(255,255,255,.4);box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(139,123,255,.25)}
.card:hover::after{opacity:1}
.cover{height:170px;display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(135deg,#262633,#0a0a10 60%,#191926);position:relative;overflow:hidden}
.cover::before{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 70%,rgba(139,123,255,.25),transparent 85%);animation:spin 7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cover .tag{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:2px;background:rgba(0,0,0,.65);border:1px solid var(--line);padding:4px 10px;border-radius:999px;color:#ddd;z-index:2;backdrop-filter:blur(4px)}
.card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body h3{font-size:16px}
.card-body p{font-size:13px;color:var(--muted);flex:1}
.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--dim);letter-spacing:1px}
.pill{display:inline-block;font-size:10.5px;letter-spacing:2px;border:1px solid var(--line);padding:4px 11px;border-radius:999px;color:#cfcfd6;background:rgba(255,255,255,.04);width:fit-content}
/* ARTIST */
.avatar-big{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:#000;background:radial-gradient(circle at 30% 30%,#fff,#777);box-shadow:var(--glow);margin-bottom:14px;position:relative}
.avatar-big::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);animation:spin 14s linear infinite}
/* FILTERS */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}
.filters button{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);padding:9px 18px;border-radius:999px;font-size:12.5px;letter-spacing:1px;cursor:pointer;transition:.25s}
.filters button.on,.filters button:hover{background:#fff;color:#000;border-color:#fff;box-shadow:var(--glow)}
.search{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;padding:12px 16px;border-radius:12px;width:100%;max-width:380px;margin-bottom:6px;transition:.25s}
.search:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(103,232,249,.15)}
/* TIMELINE */
.timeline{border-left:2px solid transparent;border-image:linear-gradient(#8b7bff,#67e8f9) 1;margin:10px 0 10px 8px;padding-left:22px;display:grid;gap:20px}
.tl-item{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;backdrop-filter:blur(10px)}
.tl-item::before{content:'';position:absolute;left:-30px;top:22px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 30px var(--vio)}
.tl-item b{font-family:'Orbitron';letter-spacing:1px}
.tl-item p{color:var(--muted);font-size:14px}
/* TRACKS */
.track{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:10px;transition:.25s;backdrop-filter:blur(8px)}
.track:hover{border-color:rgba(255,255,255,.3)}
.track button{width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:#fff;color:#000;font-size:16px;cursor:pointer;flex-shrink:0;transition:.2s}
.track button:hover{box-shadow:var(--glow);transform:scale(1.08)}
.track.playing{border-color:#fff;box-shadow:var(--glow)}
.track.playing button{background:linear-gradient(135deg,var(--vio),var(--cy));border-color:transparent;color:#000}
.track small{color:var(--muted)}
.eq{display:inline-flex;gap:3px;align-items:flex-end;height:16px;margin-left:8px;vertical-align:middle}
.eq i{width:3px;background:linear-gradient(var(--cy),var(--vio));border-radius:2px;animation:eq .8s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}
@keyframes eq{0%,100%{height:5px}50%{height:16px}}
/* FORMS */
.form{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;display:grid;gap:13px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden}
.form::before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,123,255,.7),rgba(103,232,249,.7),transparent)}
input,textarea,select{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;padding:13px 15px;border-radius:12px;width:100%;font-size:14px;font-family:inherit;transition:.25s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cy);box-shadow:0 0 0 3px rgba(103,232,249,.14);background:rgba(255,255,255,.06)}
select option{background:#121218}
label{font-size:12px;letter-spacing:2px;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ok{background:rgba(20,60,35,.5);border:1px solid #1f7a3a;color:#7cfc98;padding:12px 16px;border-radius:12px;display:none;font-size:14px;backdrop-filter:blur(6px)}
/* FAQ */
.faq{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:10px;overflow:hidden;transition:.25s;backdrop-filter:blur(8px)}
.faq.open{border-color:rgba(255,255,255,.3)}
.faq button{width:100%;text-align:left;background:none;border:none;color:#fff;padding:16px;font-size:14.5px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.faq div{display:none;padding:0 16px 16px;color:var(--muted);font-size:14px}
.faq.open div{display:block;animation:fadeDown .35s ease}
@keyframes fadeDown{from{opacity:0;transform:translateY(-6px)}}
/* MARQUEE */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;white-space:nowrap;overflow:hidden;background:rgba(255,255,255,.02);letter-spacing:4px;font-size:12.5px;color:#c9c9d1;position:relative;z-index:2}
.marquee span{display:inline-block;padding-left:100%;animation:sc 20s linear infinite}
@keyframes sc{to{transform:translateX(-100%)}}
/* FOOTER */
footer{border-top:1px solid var(--line);background:rgba(255,255,255,.015);margin-top:30px;position:relative;z-index:2}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:22px;padding:44px 22px;max-width:1150px;margin:auto}
.foot h4{font-size:12px;letter-spacing:3px;color:var(--muted);margin-bottom:12px}
.foot a{display:block;font-size:13.5px;color:#c9c9d1;padding:4px 0;transition:.2s}
.foot a:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.6);transform:translateX(3px)}
.copy{text-align:center;padding:18px;color:var(--dim);font-size:12.5px;border-top:1px solid var(--line)}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.socials a{border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-size:12.5px;display:inline-block;background:rgba(255,255,255,.03)}
.socials a:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:var(--glow)}
/* PLAYER */
#player{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(17,17,24,.92);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 10px 9px 18px;display:none;align-items:center;gap:12px;z-index:80;box-shadow:var(--glow);max-width:92vw;backdrop-filter:blur(14px)}
#player.show{display:flex;animation:slideUp .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes slideUp{from{transform:translate(-50%,30px);opacity:0}}
#player button{background:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px;transition:.2s}
#player button:hover{transform:scale(1.1)}
#bar{width:120px;height:4px;background:#333;border-radius:99px;overflow:hidden}
#bar i{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--vio),#fff,var(--cy))}
/* NEWS */
.post{display:grid;grid-template-columns:160px 1fr;gap:0;overflow:hidden}
.post .cover{height:100%;min-height:150px}
.badge-live{background:#fff;color:#000;font-size:10px;font-weight:800;letter-spacing:2px;padding:4px 10px;border-radius:999px}
/* COUNTDOWN */
.cd{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.cd div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:8px 10px;text-align:center;min-width:62px;backdrop-filter:blur(8px)}
.cd b{display:block;font-family:'Orbitron';font-size:20px;background:linear-gradient(180deg,#fff,#9a9ab0);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd span{font-size:10px;color:var(--muted);letter-spacing:2px}
/* LANG */
.langsw{display:flex;gap:4px;align-items:center;margin-left:8px}
.langsw button{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1px;padding:7px 10px;border-radius:9px;cursor:pointer;transition:.2s}
.langsw button.on,.langsw button:hover{background:#fff;color:#000;border-color:#fff;box-shadow:var(--glow)}
@media(max-width:900px){.foot{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;top:72px;right:14px;background:rgba(18,18,24,.97);border:1px solid var(--line);border-radius:16px;padding:12px;flex-direction:column;align-items:stretch;min-width:220px;backdrop-filter:blur(16px)}.menu.open{display:flex}#hamb{display:block}.two{grid-template-columns:1fr}.post{grid-template-columns:1fr}.aurora{opacity:.35}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}#stars,.aurora{display:none}}
/* ZIRVE DOKUNUSLAR */
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 110%,transparent 55%,rgba(0,0,0,.55));pointer-events:none;z-index:1}
.hero>*{position:relative;z-index:2}
.hero-logo{width:min(340px,72vw)}
.hero .slogan{animation:sloglow 4s ease-in-out infinite}
@keyframes sloglow{50%{opacity:.6}}
.sec-head h2{position:relative;padding-bottom:12px}
.sec-head h2::after{content:'';position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--vio),var(--cy));box-shadow:0 0 14px rgba(139,123,255,.7)}
.card:hover .cover{filter:brightness(1.25)}
.cover{transition:filter .3s}
footer::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(139,123,255,.6),rgba(103,232,249,.6),transparent)}
.marquee.big{padding:20px 0;letter-spacing:8px}
.marquee.big span{background:linear-gradient(90deg,#fff,#8b7bff,#67e8f9,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:'Orbitron';font-size:15px;animation:sc 26s linear infinite}
#preloader img{width:min(220px,60vw);filter:drop-shadow(0 0 24px rgba(255,255,255,.5));animation:pulse 1.6s ease-in-out infinite}
/* ULTRA UI */
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--vio),var(--cy),#fff);z-index:120;box-shadow:0 0 12px rgba(139,123,255,.8);pointer-events:none}
#toTop{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:rgba(20,20,28,.9);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;cursor:pointer;z-index:90;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;backdrop-filter:blur(10px)}
#toTop.show{opacity:1;visibility:visible;transform:none}
#toTop:hover{background:#fff;color:#000;box-shadow:var(--glow)}
.btn .rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rip .6s ease-out forwards;pointer-events:none}
@keyframes rip{to{transform:scale(4);opacity:0}}
.hero::after{content:'DYNASTY';position:absolute;left:50%;top:6px;transform:translateX(-50%);font-family:'Orbitron';font-weight:800;font-size:clamp(80px,18vw,240px);letter-spacing:12px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;z-index:1;white-space:nowrap}
footer{overflow:hidden}
footer::after{content:'APEX';position:absolute;right:-12px;bottom:-42px;font-family:'Orbitron';font-weight:800;font-size:clamp(100px,20vw,260px);letter-spacing:6px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);pointer-events:none}
.page-hero{background:linear-gradient(180deg,rgba(139,123,255,.10),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#060608;background-size:auto,44px 44px,44px 44px,auto}
.track{transition:transform .25s,border-color .25s,box-shadow .25s}
.track:hover{transform:translateX(5px)}
.stat:hover b{filter:brightness(1.25)}
.tl-item::before{animation:dotpulse 2.2s ease-in-out infinite}
@keyframes dotpulse{50%{box-shadow:0 0 6px #fff,0 0 18px var(--vio)}}
.menu a{transition:color .25s,background .25s,transform .25s}
.menu a:hover{transform:translateY(-1px)}
.cover{overflow:hidden}
.foot{position:relative;z-index:2}