*{box-sizing:border-box}
body{margin:0;background:#080b16;color:#eef2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 620px at 12% -8%,rgba(91,140,255,.28),transparent 62%),radial-gradient(820px 620px at 92% -4%,rgba(168,85,247,.22),transparent 58%)}
.container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:22px 20px 60px}
header.top{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-bottom:14px}
.logo{font-size:26px;font-weight:800;letter-spacing:-.5px;text-decoration:none;background:linear-gradient(95deg,#8fb2ff,#c084fc 60%,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}
.back{color:#7dd3fc;text-decoration:none;font-size:14px;font-weight:600}
.back:hover{text-decoration:underline}
h1{font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.15;margin:14px 0 12px;letter-spacing:-.5px}
.lead{font-size:17px;color:#c3cbe8;margin:0 0 20px}
.play-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:20px;background:linear-gradient(135deg,#5b8cff,#a855f7);color:#fff;text-decoration:none;font-weight:700;font-size:17px;margin:8px 0 30px;box-shadow:0 16px 34px -14px rgba(120,110,255,.9);transition:.15s}
.play-btn:hover{transform:translateY(-2px)}
.play-btn:active{transform:scale(.98)}
h2{font-size:20px;font-weight:700;margin:32px 0 12px;color:#eef2ff}
h3{font-size:16px;font-weight:700;margin:20px 0 6px;color:#c3cbe8}
p{margin:0 0 12px;color:#c3cbe8}
ul,ol{margin:0 0 16px;padding-left:22px;color:#c3cbe8}
li{margin-bottom:6px}
a{color:#7dd3fc}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.meta span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:999px;font-size:12px;color:#c3cbe8}
dl{margin:0}
dt{color:#eef2ff;font-weight:700;margin-top:14px}
dd{margin:4px 0 0;color:#c3cbe8;font-size:15px}
.similar{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px}
.similar a{display:block;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#eef2ff;text-decoration:none;font-weight:600;font-size:14px;transition:.15s}
.similar a:hover{background:rgba(255,255,255,.09);border-color:rgba(140,150,255,.4)}
footer{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);color:#6b7391;font-size:13px;text-align:center}
footer a{color:#7dd3fc}