*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,sans-serif;background:#0b1020;color:#e8ecf5}
.w{max-width:720px;margin:0 auto;padding:24px 18px}h1{font-size:clamp(26px,6vw,40px);line-height:1.15;margin:.3em 0}h2{font-size:22px}
.tag{display:inline-block;background:#1c2a55;color:#9db8ff;border-radius:99px;padding:4px 12px;font-size:13px}
ul.b{padding-left:20px}ul.b li{margin:.5em 0}.card{background:#141b34;border:1px solid #26305a;border-radius:14px;padding:18px;margin:16px 0}
input,select{width:100%;padding:13px;margin:6px 0;border-radius:10px;border:1px solid #33407a;background:#0b1020;color:#fff;font-size:16px}
button,.btn{display:inline-block;width:100%;padding:14px;border:0;border-radius:10px;background:#4f7cff;color:#fff;font-size:17px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
.grid{display:grid;gap:14px}small,.mut{color:#93a0c8;font-size:13px}#cd{font-size:clamp(28px,8vw,44px);font-weight:700;letter-spacing:1px}
.player{aspect-ratio:16/9;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
a{color:#9db8ff}
/* --- design v2 (run 6): premium dark look --- */
body{font-family:Inter,"SF Pro Display",system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 500px at 85% -10%,#2a3d8f55,transparent 60%),radial-gradient(700px 420px at -10% 20%,#7a3dff33,transparent 60%),#070b18;background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.w{max-width:760px;padding:32px 20px 64px}
h1{font-weight:800;letter-spacing:-.025em;background:linear-gradient(180deg,#fff 30%,#a9b9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-weight:700;letter-spacing:-.01em;color:#fff}
.tag{background:linear-gradient(90deg,#4f7cff33,#9a5bff33);border:1px solid #6f8cff55;color:#c9d6ff;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}
.card{background:linear-gradient(160deg,#18214588,#0f1630cc);border:1px solid #3a4a9a55;border-radius:18px;padding:22px;box-shadow:0 10px 40px #0007,inset 0 1px 0 #ffffff12;backdrop-filter:blur(8px)}
input,select{background:#0a1022;border:1px solid #3a4a9a88;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{outline:0;border-color:#7a9bff;box-shadow:0 0 0 4px #4f7cff33}
button,.btn{background:linear-gradient(135deg,#4f7cff,#8a4fff);box-shadow:0 8px 24px #4f7cff55;transition:transform .12s,box-shadow .12s}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #6f5cff77}
button:active,.btn:active{transform:translateY(0)}
ul.b li::marker{color:#7a9bff}
.player{background:linear-gradient(135deg,#0b1020,#1a2250);border:1px solid #3a4a9a66;box-shadow:0 20px 60px #0009}
#cd{background:linear-gradient(90deg,#9db8ff,#c79bff);-webkit-background-clip:text;background-clip:text;color:transparent}
img,video{max-width:100%;height:auto}
@media(prefers-reduced-motion:no-preference){.card{animation:up .5s ease both}@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}