:root{--ink:#19362f;--ink-soft:#52665e;--jade:#155246;--jade-mid:#2c7462;--jade-light:#dcebe3;--paper:#f6eed4;--cream:#fffaf0;--gold:#d8a83a;--coral:#d86a52;--line:#19362f29;--shadow:0 24px 70px #081c1729}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,Aptos,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:20;color:#fff8de;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c2a23f2;border-bottom:1px solid #d8a83a47;justify-content:space-between;align-items:center;gap:30px;min-height:76px;padding:14px clamp(22px,5vw,76px);display:flex;position:sticky;top:0}.brand span,.kicker,.card-kicker{color:var(--gold);letter-spacing:.17em;font-size:11px;font-weight:900;display:block}.brand strong{margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:17px;display:block}.site-header nav{align-items:center;gap:26px;display:flex}.site-header nav a{color:#fff8debd;font-size:13px;font-weight:800}.site-header nav a:hover{color:#fff8de}.hero{color:#fff8de;background:radial-gradient(circle at 75% 40%,#d8a83a2b,#0000 27%),radial-gradient(circle at 15% 0,#285a4d,#0000 39%),#0d3028;grid-template-columns:minmax(330px,.75fr) minmax(520px,1.35fr);align-items:center;gap:clamp(24px,5vw,88px);min-height:calc(100vh - 76px);padding:clamp(54px,7vw,106px) clamp(22px,5vw,76px);display:grid;overflow:hidden}.hero h1,.section-heading h2,.print-intro h2{letter-spacing:-.035em;margin:14px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,6vw,88px);line-height:.98}.hero .lede{color:#fff8deb8;max-width:570px;font-size:clamp(17px,1.8vw,22px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--gold);color:#17362e;box-shadow:0 14px 32px #d8a83a38}.button.secondary{color:#fff8de;background:#ffffff0d;border-color:#fff8de52}.microcopy{color:#fff8de80;margin:16px 4px 0;font-size:12px}.hero-art{position:relative}.hero-art img{z-index:2;filter:drop-shadow(0 40px 50px #00000061);position:relative}.hero-art .glow{filter:blur(70px);background:#e5bb4b80;position:absolute;inset:24% 31%}.mode-section,.print-section,.guide-section{padding:clamp(72px,9vw,132px) clamp(22px,7vw,120px)}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,.print-intro h2{color:var(--ink);font-size:clamp(36px,5vw,66px)}.section-heading>p:last-child,.print-intro>p{color:var(--ink-soft);font-size:17px;line-height:1.7}.mode-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mode-card{border:1px solid var(--line);min-height:480px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;padding:clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.student-card{background:linear-gradient(145deg,#fffdf5,#f1e7c9)}.teacher-card{color:#fff8de;background:radial-gradient(circle at 90% 10%,#347565,#0000 38%),#123e35}.card-index{color:#d8a83a9e;font-family:Georgia,serif;font-size:68px;position:absolute;top:24px;right:34px}.mode-card h3{margin:20px 0 14px;font-family:Georgia,serif;font-size:clamp(38px,4vw,58px)}.mode-card>p:not(.card-kicker){max-width:560px;color:var(--ink-soft);font-size:17px;line-height:1.75}.teacher-card>p:not(.card-kicker){color:#fff8dead}.mode-card ul{gap:12px;margin:14px 0 36px;padding:0;list-style:none;display:grid}.mode-card li:before{content:"✦";color:var(--gold);margin-right:10px}.text-link{margin-top:auto;font-weight:900}.text-link span{color:var(--gold);margin-left:8px}.secondary-link{color:#d9e8e1;margin-top:12px;font-size:14px}.print-section{background:var(--paper);grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);gap:clamp(42px,8vw,120px);display:grid}.print-intro{align-self:start}.print-intro .button{margin-top:20px}.download-list{border-top:1px solid var(--line)}.download-list a{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr auto 26px;align-items:center;gap:14px;min-height:78px;padding:15px 8px;transition:padding .2s,background .2s;display:grid}.download-list a:hover{background:#ffffff6b;padding-left:16px}.download-number{color:var(--gold);font:700 16px Georgia,serif}.download-list strong{font-size:16px}.download-list small{color:var(--ink-soft)}.download-list b{color:var(--jade-mid);font-size:20px}.guide-section{background:#fffdf7}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#fff;border-radius:22px;gap:18px;min-height:220px;padding:28px;display:flex}.steps li>span{color:#fff;background:var(--jade);border-radius:50%;flex:0 0 40px;place-items:center;height:40px;font-weight:900;display:grid}.steps strong{font-size:18px}.steps p{color:var(--ink-soft);line-height:1.7}.privacy-note{border-left:4px solid var(--coral);background:#fff3e6;align-items:center;gap:26px;margin-top:22px;padding:22px 26px;display:flex}.privacy-note span{color:var(--coral);letter-spacing:.14em;font-size:11px;font-weight:900}.privacy-note p{color:var(--ink-soft);margin:0}footer{color:#fff8de;background:#0d3028;justify-content:space-between;align-items:center;gap:24px;min-height:120px;padding:30px clamp(22px,5vw,76px);display:flex}footer span{color:var(--gold);letter-spacing:.15em;font-size:10px;font-weight:900;display:block}footer strong{margin-top:5px;font-family:Georgia,serif;font-size:20px;display:block}footer>a{color:#fff8deb8;font-weight:800}@media (width<=980px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{max-width:880px}.mode-grid,.print-section,.steps{grid-template-columns:1fr}}@media (width<=620px){.site-header{min-height:66px}.brand span{font-size:8px}.brand strong{font-size:14px}.hero{padding-top:54px}.hero h1{font-size:48px}.hero-actions{display:grid}.mode-card{border-radius:20px;min-height:430px}.download-list a{grid-template-columns:44px 1fr 24px}.download-list small{display:none}.privacy-note,footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.download-list a{transition:none}}