:root{--bg:#07070d;--c:#13131f;--t:#eceaf7;--m:#8a88a3;--a:#8b5cf6;--b:#22d3ee}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}button,select,input{font:inherit}
header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:10px clamp(12px,4vw,40px);padding-top:calc(10px + env(safe-area-inset-top,0px));background:#07070dd9;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}
nav{display:flex;gap:16px;color:var(--m);order:3;width:100%;overflow-x:auto}nav a{padding:2px 0;white-space:nowrap}nav a.on,nav a:hover{color:#fff}
@media(min-width:760px){nav{order:0;width:auto}}
form{margin-left:auto}input{background:var(--c);border:1px solid #ffffff1a;color:#fff;padding:9px 16px;border-radius:99px;width:min(230px,45vw)}input:focus,button:focus-visible,select:focus-visible{outline:2px solid var(--b)}
main{padding:0 clamp(12px,4vw,40px) 60px;max-width:1500px;margin:auto}
h1{font-size:clamp(24px,4vw,38px);line-height:1.2;margin:14px 0 4px}h2{font-size:19px;margin:26px 0 12px}
.load{padding:80px 0;text-align:center;color:var(--m)}
.hero{position:relative;height:clamp(320px,56vh,540px);margin:0 calc(-1*clamp(12px,4vw,40px));background:center/cover;display:flex;align-items:flex-end}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 4%,#07070d55 55%,#07070d99)}
.hero div{position:relative;z-index:1;padding:clamp(16px,4vw,40px);max-width:640px}.hero p{color:#cfcde0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 14px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;border:0;border-radius:10px;padding:10px 22px;font-weight:700;cursor:pointer}
.row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.card{flex:0 0 clamp(118px,28vw,172px);scroll-snap-align:start;display:block}
.card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:var(--c);display:block;transition:transform .25s,box-shadow .25s}
.card:hover img{transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf655}
.card span{display:block;font-size:13px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card b{font-size:12px;color:var(--b)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:16px 12px}.grid .card{flex:none}
.wrap{display:grid;gap:20px;margin-top:16px}@media(min-width:1000px){.wrap{grid-template-columns:minmax(0,1fr) 320px}}
.pl{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 0 60px #8b5cf622}.pl iframe{width:100%;height:100%;border:0}
.meta{color:var(--m);margin-bottom:10px}
#eps{margin:12px 0}#eps select{background:var(--c);color:#fff;border:1px solid #ffffff1a;border-radius:8px;padding:7px 10px;margin-bottom:10px}
.ep{display:flex;flex-wrap:wrap;gap:6px}.ep button{min-width:42px;padding:7px 10px;border-radius:8px;border:1px solid #ffffff1a;background:var(--c);color:var(--t);cursor:pointer}.ep button.on{background:var(--a);border-color:var(--a)}
.ad{margin:14px auto;text-align:center;overflow:hidden;max-width:100%}
#splash{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:99;transition:opacity .6s}#splash.out{opacity:0;pointer-events:none}
#splash .logo{height:clamp(70px,16vw,120px)}#lg .logo{height:34px;display:block}
.lt{font:900 52px system-ui,sans-serif;stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400;fill-opacity:0;animation:dr 2s ease forwards,fl .8s 1.6s forwards;filter:drop-shadow(0 0 8px #8b5cf688)}
.dot{transform-box:fill-box;transform-origin:center;animation:pl 1.6s infinite}
@keyframes dr{to{stroke-dashoffset:0}}@keyframes fl{to{fill-opacity:1}}@keyframes pl{50%{opacity:.3;transform:scale(1.7)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important}}
footer{text-align:center;color:var(--m);padding:30px 16px calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff12;font-size:13px}footer a{color:var(--b)}
.ann{background:linear-gradient(90deg,var(--a),var(--b));text-align:center;padding:6px 12px;font-size:14px;font-weight:600}
.ghost{background:var(--c);border:1px solid #ffffff22;padding:7px 14px;font-weight:500;font-size:14px;margin-right:4px}
main{min-height:60vh}select{background:var(--c);color:#fff;border:1px solid #ffffff1a;border-radius:8px;padding:7px 10px}
header form{flex:1;margin:0;max-width:560px;min-width:150px}header input{width:100%;border-radius:10px}
nav .rq{border:1px solid var(--b);color:var(--b);padding:1px 12px;border-radius:8px}
#gb{display:flex;gap:18px;overflow-x:auto;padding:9px clamp(12px,4vw,40px);background:#0b0b14;border-bottom:1px solid #ffffff12;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--m);scrollbar-width:none}#gb a{white-space:nowrap}#gb a:hover{color:#fff}
.doc{max-width:900px;margin:24px auto;padding:clamp(16px,4vw,48px);background:#0b1020;border-radius:16px}.doc h1{font-size:clamp(30px,6vw,52px);line-height:1.1;margin:6px 0 18px}.doc h3{margin:26px 0 8px;font-size:18px}.doc p,.doc li{color:#b9b7cf;margin:8px 0}.doc ul{padding-left:22px}.doc a{color:var(--b)}.k{color:var(--b);font-weight:800;font-size:12px;letter-spacing:.1em}
.rf{display:grid;gap:10px;margin-top:16px}.rf input,.rf select,.rf textarea{width:100%;border-radius:10px;background:var(--c);color:#fff;border:1px solid #ffffff1a;padding:11px 14px}.rf textarea{min-height:90px}
footer{text-align:left}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px;max-width:1500px;margin:auto}footer h4{color:#fff;font-size:13px;margin:12px 0 8px;text-transform:uppercase}footer .fg a{display:block;margin:6px 0;color:var(--t)}footer .fg a.g{color:#a3e635;font-weight:700}footer p{margin:0}#fl .logo{height:42px}#fn{text-align:left;max-width:1500px;margin:26px auto 0;padding-top:16px;border-top:1px solid #ffffff12}
.sv{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.sv button{padding:8px 16px;border-radius:8px;border:1px solid #ffffff1a;background:var(--c);color:var(--t);cursor:pointer;font-weight:600}.sv button.on{background:linear-gradient(90deg,var(--a),var(--b));border-color:transparent;color:#fff}
