:root{--bg:#050816;--ink:#e8f1ff;--mut:#8da2c8;--cy:#00e5ff;--pk:#ff2d75;--ye:#ffc300;--card:#0c1230ee}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:500 17px/1.5 Rajdhani,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.shade{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#050816b0,#05081610 35%,#05081655 70%,#050816cc)}
h1,h2,.logo,.btn,.start{font-family:Orbitron,system-ui,sans-serif}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:#050816d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #00e5ff40}
.hd{display:flex;align-items:center;gap:12px;padding:8px 14px;max-width:1300px;margin:auto}
.logo{font-weight:900;font-size:22px;letter-spacing:1px;white-space:nowrap}.logo b{color:var(--cy);text-shadow:0 0 12px var(--cy)}.logo span{color:var(--pk);text-shadow:0 0 12px var(--pk)}
#sf{flex:1;display:flex;gap:6px}#q{width:100%;min-width:0;padding:9px 14px;border-radius:99px;border:1.5px solid #00e5ff66;background:#0a1030;color:var(--ink);font:600 16px Rajdhani,sans-serif;outline:0}#q:focus{border-color:var(--cy);box-shadow:0 0 14px #00e5ff77}
#sf button{border:0;border-radius:99px;background:var(--cy);color:#001018;font-weight:700;padding:0 14px;cursor:pointer}
.cats{display:flex;gap:8px;overflow-x:auto;padding:0 14px 9px;max-width:1300px;margin:auto;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;padding:3px 13px;border-radius:99px;border:1.5px solid var(--c);color:var(--c);font-weight:700;font-size:15px;transition:.2s}.cats a:hover,.cats a.on{background:var(--c);color:#050816;box-shadow:0 0 14px var(--c)}
main{flex:1;width:100%;max-width:1300px;margin:auto;padding:14px clamp(12px,3vw,28px) 30px}
.hero{min-height:58vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:14px;padding:30px 6px}
.hero h1{font-size:clamp(36px,9vw,92px);font-weight:900;line-height:1;letter-spacing:2px;color:#fff;text-shadow:0 0 10px var(--cy),0 0 32px var(--cy),0 0 60px #00e5ff88;animation:fk 4s infinite}
.hero h1 span{color:var(--pk);text-shadow:0 0 10px var(--pk),0 0 32px var(--pk)}
@keyframes fk{0%,92%,100%{opacity:1}93%{opacity:.6}95%{opacity:1}97%{opacity:.7}}
.hero p{font-size:clamp(17px,3vw,24px);color:#cfe3ff;text-shadow:0 2px 10px #000}
.bdg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bdg i{font-style:normal;padding:4px 14px;border-radius:99px;background:#0a1030cc;border:1px solid #ffffff30;font-weight:700;animation:fl 3s ease-in-out infinite}.bdg i:nth-child(2){animation-delay:.5s}.bdg i:nth-child(3){animation-delay:1s}
@keyframes fl{50%{transform:translateY(-5px)}}
.btn{display:inline-block;margin-top:6px;padding:13px 30px;border-radius:12px;background:linear-gradient(90deg,var(--pk),#ff7a2d);color:#fff;font-weight:900;letter-spacing:1px;box-shadow:0 0 24px #ff2d7577;animation:pl 1.8s infinite}
@keyframes pl{50%{transform:scale(1.06);box-shadow:0 0 38px #ff2d75bb}}
.tick{overflow:hidden;margin:6px -14px 18px;background:#0a1030cc;border-block:1px solid #00e5ff40;padding:8px 0}.tick div{display:flex;gap:34px;width:max-content;animation:mq 60s linear infinite;font:700 15px Orbitron,sans-serif;color:var(--cy)}.tick span::after{content:"✦";color:var(--ye);margin-left:34px}@keyframes mq{to{transform:translateX(-50%)}}
h2{font-size:clamp(19px,3.4vw,26px);margin:26px 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;text-shadow:0 0 14px var(--c,#00e5ff)}h2::before{content:"";width:8px;height:1em;background:var(--c,#00e5ff);box-shadow:0 0 12px var(--c,#00e5ff);margin-right:10px;align-self:center}h2 .t{flex:1}h2 a{font:700 14px Rajdhani;color:var(--c,#00e5ff)}
.hs{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.hs .card{width:150px;flex:none;scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.card{display:block;position:relative;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid #ffffff1c;transition:.25s;animation:pop .5s both}.card.hide{display:none}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.96)}}
.card:hover,.card:focus-visible{transform:translateY(-6px) scale(1.03);box-shadow:0 0 22px var(--c);border-color:var(--c)}
.pic{display:block;aspect-ratio:1;background:var(--c);position:relative;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.card:hover .pic img{transform:scale(1.1)}.ph{display:grid;place-items:center;height:100%;font-size:50px}
.pic i{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--pk);color:#fff;transform:scale(0);transition:.2s;box-shadow:0 0 14px var(--pk)}.card:hover i{transform:scale(1)}
.nm{display:block;padding:8px 10px 0;font-weight:700;line-height:1.15;font-size:16px}.card em{display:inline-block;margin:4px 10px 10px;font:700 12px Rajdhani;font-style:normal;color:var(--c)}
#chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{border:1.5px solid var(--c,#00e5ff);background:#0a1030cc;color:var(--ink);padding:3px 14px;border-radius:99px;font:700 15px Rajdhani;cursor:pointer}.chip.on{background:var(--c,#00e5ff);color:#050816}
#more{display:block;margin:20px auto 0;padding:11px 32px;border-radius:12px;border:1.5px solid var(--cy);background:#0a1030cc;color:var(--cy);font:800 15px Orbitron;cursor:pointer}#none{text-align:center;padding:30px;font-size:20px}
.searching .hero,.searching .rows,.searching .tick{display:none}.rv{opacity:0;transform:translateY(22px);transition:.6s}.rv.in{opacity:1;transform:none}
.gp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border:1.5px solid var(--c);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 0 30px #0008,0 0 24px var(--c)}
.cover{position:relative;min-height:300px;background:var(--c)}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.info{padding:26px}.info h1{font-size:clamp(24px,4vw,40px);line-height:1.1;margin:8px 0}.info p{color:#cfe0ff}.back{font-weight:700;color:var(--c)}.tg span{display:inline-block;margin:8px 8px 0 0;font-size:14px;color:var(--mut)}
.start{margin-top:18px;font-size:22px;font-weight:900;padding:15px 34px;border:0;background:linear-gradient(90deg,var(--pk),#ff7a2d);color:#fff;border-radius:14px;cursor:pointer;animation:pl 1.6s infinite;box-shadow:0 0 24px #ff2d7577}
.pbar{display:none}
#stage{position:fixed;inset:0;z-index:200;background:#02030a;display:flex;flex-direction:column}#stage[hidden]{display:none}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;background:#0a1030;border-bottom:2px solid var(--cy);font:700 15px Orbitron,sans-serif}.bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar span{display:flex;gap:6px;flex:none}
.bar button{border:1.5px solid #fff8;background:none;color:#fff;border-radius:8px;padding:4px 11px;cursor:pointer;font:600 15px Rajdhani}.bar #x{border-color:var(--pk);color:var(--pk)}
.frame{flex:1;position:relative;min-height:0;background:#000}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.frame.p iframe{left:50%;transform:translateX(-50%);width:min(100%,480px)}
.ld{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;pointer-events:none;color:#cfe3ff;z-index:1}.ld.off{display:none}.ld div{display:flex;gap:10px}.ld i{width:16px;height:16px;border-radius:50%;background:var(--ye);animation:b .8s infinite alternate}.ld i:nth-child(2){animation-delay:.2s;background:var(--pk)}.ld i:nth-child(3){animation-delay:.4s;background:var(--cy)}@keyframes b{to{transform:translateY(-18px)}}
footer{background:#02030acc;border-top:1px solid #00e5ff40;color:var(--mut);margin-top:20px}.ft{max-width:1300px;margin:auto;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px 26px;flex-wrap:wrap}.ft nav{display:flex;flex-wrap:wrap;gap:8px 26px}.ft nav a{color:#7cf3ff}.ft nav a:hover{color:#fff;text-shadow:0 0 10px var(--cy)}.ft p a{color:#8da2ff}
.doc{max-width:820px;margin:20px auto;padding:clamp(18px,4vw,36px);background:var(--card);border:1px solid #00e5ff40;border-radius:18px}.doc h1{font-size:clamp(24px,5vw,38px);color:var(--cy);margin-bottom:12px}.doc h2{font-size:19px;margin:22px 0 6px;display:block}.doc h2::before{display:none}.doc p,.doc li{color:#cfe0ff;margin-bottom:8px}.doc ul{padding-left:22px}.doc a{color:var(--cy)}.doc input,.doc textarea{width:100%;margin:6px 0 12px;padding:10px 14px;border-radius:10px;border:1.5px solid #00e5ff55;background:#0a1030;color:var(--ink);font:600 16px Rajdhani}
@media(max-width:800px){.gp{grid-template-columns:1fr}.cover{min-height:240px}.hs .card{width:128px}.grid{gap:10px}.pbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;background:#050816f2;border-top:1px solid var(--cy)}.pbar .start{margin:0;width:100%;animation:none}body.gpage{padding-bottom:70px}.logo{font-size:18px}.hd{padding:7px 10px}#sf button{display:none}.ft{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}