:root{--navy:#0a1428;--navy2:#0d1a33;--card:#101f3d;--line:#20304f;--ink:#eaf1fc;--dim:#a7bbdd;--faint:#63799f;--gold:#f3c24c;--gold-deep:#e0a92f;--good:#4ec98a}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--ink);font-family:Heebo,system-ui,sans-serif;line-height:1.7}
a{color:var(--gold);text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:16px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;color:var(--ink);font-size:1.05rem}
.brand span{color:var(--gold)}
.btn{display:inline-block;border-radius:11px;padding:11px 18px;font-weight:900;font-size:.95rem;cursor:pointer;border:1px solid transparent}
.btn-gold{background:var(--gold);color:#20160a}
.btn-gold:hover{background:var(--gold-deep)}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.crumb{font-size:.82rem;color:var(--faint);padding:18px 0 0}
.crumb a{color:var(--dim)}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
h1{font-size:1.7rem;line-height:1.35;margin:10px 0 6px}
.lede{color:var(--dim);font-size:1.02rem;margin:0 0 26px}
.qcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 20px;margin:22px 0}
.qtext{font-size:1.12rem;font-weight:700;margin:0 0 16px}
.opts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.opt{border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--dim);position:relative}
.opt.correct{border-color:var(--good);background:rgba(78,201,138,.08);color:var(--ink);font-weight:700}
.opt.correct::after{content:"\2713 \05d4\05ea\05e9\05d5\05d1\05d4 \05d4\05e0\05db\05d5\05e0\05d4";position:absolute;inset-inline-start:14px;bottom:-9px;background:var(--good);color:#06231a;font-size:.68rem;font-weight:900;padding:1px 8px;border-radius:20px}
.exp{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}
.exp h2{font-size:1rem;color:var(--gold);margin:0 0 8px}
.exp p{margin:0;color:var(--ink)}
.vwrap{margin:26px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#000}
.vwrap video{display:block;width:100%;height:auto}
.cta{background:var(--navy2);border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center;margin:34px 0}
.cta h2{margin:0 0 6px;font-size:1.3rem}
.cta .g{color:var(--gold)}
.cta p{color:var(--dim);margin:0 0 18px}
.cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.grd{color:var(--dim);font-weight:700;margin-top:14px;font-size:.92rem}
.grd .ast{color:var(--gold)}
.more{margin:36px 0}
.more h2{font-size:1.05rem;color:var(--dim);margin-bottom:12px}
.more ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.more a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:600;font-size:.92rem}
.more a:hover{border-color:var(--gold)}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;color:var(--faint);font-size:.85rem}
footer a{color:var(--faint)}
@media(max-width:560px){h1{font-size:1.4rem}.more ul{grid-template-columns:1fr}}