*{box-sizing:border-box}:root{--bg:#0b1f3a;--bg2:#10305a;--co:#ff6b4a;--tq:#2ec4b6;--sun:#ffd166;--tx:#eef4fb;--mut:#9fb4cc}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.65 "Trebuchet MS",Verdana,system-ui,sans-serif;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
a{color:var(--tq)}a:focus-visible,audio:focus-visible{outline:2px solid var(--sun);outline-offset:3px}
.w{max-width:880px;margin:0 auto;padding:0 18px}
header{background:var(--bg2)}header .w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:14px 18px}
.logo{font:800 1.2rem "Futura","Avenir Next Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sun);text-decoration:none}
nav a{color:var(--tx);text-decoration:none;margin-right:16px;font-size:.95rem;padding:4px 0;border-bottom:2px solid transparent}nav a:hover,nav a.on{border-color:var(--co)}
.wave{height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M0 0H120V6Q105 12 90 6T60 6T30 6T0 6Z' fill='%2310305a'/%3E%3C/svg%3E") repeat-x;background-size:120px 12px}
h1{font:800 clamp(2.2rem,9vw,4.2rem)/1 "Futura","Avenir Next Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sun);text-shadow:3px 3px 0 var(--co);margin:.6em 0 .3em}
h2{font:700 1.5rem "Futura","Trebuchet MS",sans-serif;color:var(--tq);margin:1.6em 0 .4em}
.sub{color:var(--mut);font-size:1.1rem;margin:0 0 1.2em}
.btn{display:inline-block;background:var(--co);color:#fff;text-decoration:none;font-weight:700;padding:10px 20px;border-radius:999px;margin:6px 10px 6px 0}
.list{list-style:none;margin:0;padding:0}.tr{display:grid;grid-template-columns:2.4rem 1fr;gap:4px 10px;align-items:center;padding:12px 0;border-bottom:1px solid #1f4170}
.n{font:800 1.3rem "Futura",Impact,sans-serif;color:var(--co)}.t{font-weight:700}.tr audio{grid-column:1/-1;width:100%;height:38px}
@media(min-width:700px){.tr{grid-template-columns:2.4rem 1fr 340px}.tr audio{grid-column:auto}}
.card{background:var(--bg2);border-radius:12px;padding:16px 20px;margin:10px 0}.card b{color:var(--sun)}
.v{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;margin:10px 0}.v iframe{width:100%;height:100%;border:0;display:block}.rec h3{margin:.1em 0 .2em;color:var(--sun);font-size:1.1rem}.rec a{font-size:.9rem}main{padding-bottom:30px}footer{color:var(--mut);font-size:.85rem;padding:20px 0 30px;border-top:1px solid #1f4170}