:root{
  --bg:#03040a;--panel:#0b1020;--ink:#eef3ff;--dim:#aeb9dd;--gold:#ffcf7a;
  --acc:#7aa2ff;--line:rgba(140,165,230,.22);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
body{min-height:100vh;background:
  radial-gradient(circle at 24% 20%,rgba(45,104,190,.24),transparent 34%),
  radial-gradient(circle at 76% 12%,rgba(255,207,122,.12),transparent 24%),
  linear-gradient(180deg,#03040a,#060817 54%,#03040a);}
a{color:#bfd0ff;text-decoration:none;border-bottom:1px solid rgba(191,208,255,.34);}
a:hover{color:#fff;border-color:rgba(255,207,122,.7);}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px;}
.page{width:min(960px,calc(100vw - 32px));margin:0 auto;padding:42px 0 54px;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:42px;color:var(--dim);}
.brand{font-size:15px;font-weight:900;letter-spacing:.6px;color:#dbe7ff;border:0;}
.nav .links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;}
.hero{padding:34px 0 28px;border-bottom:1px solid var(--line);}
.kicker{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;}
h1{margin-top:12px;font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:0;color:#fff;}
.lead{margin-top:16px;max-width:760px;color:#c2ccef;font-size:17px;line-height:1.85;}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.meta span{height:28px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;color:#dce6ff;
  background:rgba(122,162,255,.10);border:1px solid rgba(140,165,230,.2);font-size:12px;}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}
.card{border:1px solid var(--line);background:rgba(11,16,32,.72);border-radius:14px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.24);}
.card h2{font-size:19px;color:#fff;margin-bottom:9px;}
.card p,.card li{font-size:14px;line-height:1.75;color:#c2ccef;}
.card ul,.card ol{display:grid;gap:7px;padding-left:18px;}
.wide{grid-column:1/-1;}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.btn{border:1px solid rgba(255,207,122,.62);background:var(--gold);color:#101827;border-radius:999px;
  padding:11px 16px;font-size:14px;font-weight:900;text-decoration:none;}
.btn.secondary{background:rgba(122,162,255,.08);color:#dce6ff;border-color:rgba(140,165,230,.28);}
.foot{margin-top:30px;padding-top:20px;border-top:1px solid rgba(140,165,230,.16);font-size:12px;line-height:1.7;color:#8793ba;}
.handout{width:min(1040px,calc(100vw - 32px));}
.handout-hero{display:grid;grid-template-columns:1fr 210px;gap:26px;align-items:center;}
.qr-panel{border:1px solid var(--line);background:rgba(11,16,32,.76);border-radius:16px;padding:16px;text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.22);}
.qr-panel img{width:150px;height:150px;background:#fff;border-radius:10px;padding:8px;}
.qr-panel b{display:block;margin-top:10px;color:#fff;font-size:14px;}
.qr-panel span{display:block;margin-top:5px;color:#9eabd2;font-size:10.5px;line-height:1.45;word-break:break-all;}
.print-section{margin-top:28px;}
.print-section h2,.print-grid h2{font-size:22px;color:#fff;margin-bottom:12px;}
.lesson-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.lesson-strip article{border:1px solid var(--line);background:rgba(11,16,32,.72);border-radius:14px;padding:15px;min-height:154px;}
.lesson-strip b{display:block;color:#fff;font-size:15px;line-height:1.35;margin-bottom:8px;}
.lesson-strip span{display:block;color:#c2ccef;font-size:13px;line-height:1.6;}
.lesson-strip em{display:block;margin-top:9px;color:#ffcf7a;font-size:12px;line-height:1.55;font-style:normal;}
.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
@media(max-width:720px){
  .page{padding-top:28px;}
  .nav{align-items:flex-start;flex-direction:column;margin-bottom:26px;}
  .grid{grid-template-columns:1fr;}
  .hero{padding-top:18px;}
  .handout-hero,.lesson-strip,.print-grid{grid-template-columns:1fr;}
  .qr-panel{max-width:220px;}
}
@media print{
  :root{--bg:#fff;--panel:#fff;--ink:#101827;--dim:#4b5563;--line:#d8dee9;}
  html,body{background:#fff!important;color:#101827!important;}
  body{background:#fff!important;}
  .page{width:auto;margin:0;padding:0;}
  .no-print,.cta{display:none!important;}
  .hero{border-bottom:1px solid #d8dee9;padding:0 0 14px;margin:0;}
  h1{font-size:34px;color:#101827;text-shadow:none;}
  .lead,.card p,.card li,.lesson-strip span{color:#334155;}
  .kicker,.lesson-strip em{color:#8a5a00;}
  .meta span,.card,.lesson-strip article,.qr-panel{background:#fff;border-color:#d8dee9;box-shadow:none;}
  .grid,.lesson-strip{gap:8px;}
  .lesson-strip{grid-template-columns:repeat(2,1fr);}
  .lesson-strip article{min-height:122px;padding:10px;}
  .lesson-strip b,.card h2,.print-section h2,.print-grid h2,.qr-panel b{color:#101827;}
  .print-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .foot{color:#64748b;border-top:1px solid #d8dee9;}
  a{color:#101827;border:0;}
  @page{size:A4;margin:14mm;}
}