/* Text pages: same palette/fonts as style.css, but scrollable and selectable. */
html,body{margin:0;background:#03030a;color:#dfe6ff;font-family:"Inter","Helvetica Neue",Arial,sans-serif}
body{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,rgba(120,80,255,.14),transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(127,243,255,.08),transparent 55%),#03030a;background-attachment:fixed}
main{max-width:720px;margin:0 auto;padding:40px 22px 64px;line-height:1.7;font-size:16px}
header.top{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:22px 22px 0}
.mark{font-size:12px;letter-spacing:.22em;color:#cfe5ee;text-decoration:none}
nav a,footer a{color:#9fb0cf;text-decoration:none;font-size:12px;letter-spacing:.12em;margin-left:16px}
nav a:hover,footer a:hover,main a:hover{color:#7ff3ff}
h1{font-weight:300;font-size:30px;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 6px;color:#fff}
h2{font-weight:500;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#7ff3ff;margin:34px 0 8px}
p,li{color:#cfd6ff}main a{color:#9fe9ff}
.eyebrow{font-size:11px;letter-spacing:.24em;color:#9fb0cf;text-transform:uppercase}
.card{background:rgba(8,12,28,.72);border:1px solid rgba(160,170,255,.18);border-radius:18px;padding:6px 26px 22px;margin-top:22px}
.play{display:inline-block;margin-top:18px;padding:11px 22px;border:1px solid rgba(127,243,255,.45);border-radius:999px;color:#fff!important;letter-spacing:.18em;font-size:12px;text-decoration:none}
footer{max-width:720px;margin:0 auto;padding:0 22px 40px;text-align:center;font-size:12px;color:#7d87bb}
footer a{margin:0 8px}
@media(max-width:560px){main{padding:26px 18px 48px;font-size:15px}h1{font-size:24px}.card{padding:4px 18px 18px}nav a{margin-left:10px;font-size:11px}}