@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--navy:#08253c;--ink:#14344a;--green:#078565;--cream:#fbf9f2;--line:#dbe9e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;line-height:1.7}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ff8366;outline-offset:3px}.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:10;top:10px;left:10px;padding:12px;background:white}header,main,footer{max-width:1120px;margin:auto}header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:700}header a{text-decoration:none}header a:hover,footer a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:14px}.brand img{height:auto}.brand span{border-left:1px solid #b9d2d3;padding-left:14px;color:#577687;font-size:10px;letter-spacing:.12em}main{padding:0 20px 70px}.hero{background:radial-gradient(circle at 75% 22%,#215c63 0%,transparent 37%),linear-gradient(120deg,#08253c,#123a4d);border-radius:30px;min-height:350px;padding:42px 58px;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.hero>div{max-width:650px}.hero img{object-fit:contain;max-width:34%;height:auto;filter:drop-shadow(0 15px 30px #0005)}.eyebrow,.section-head span,.challenge span{color:#62e0aa;letter-spacing:.16em;font-size:11px;font-weight:800}.hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1.2;margin:14px 0}.hero p{color:#d6e8e6}.hero .note{color:#b9f1d7;font-weight:700}.print{border:0;border-radius:10px;background:#ff9b7e;color:#123044;padding:12px 18px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.print:hover{background:#ffc0aa}.workbook{padding:50px 34px 25px}.section-head span,.challenge span{color:var(--green)}.section-head h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.035em;margin:5px 0 20px}.cards,.gift-list{list-style:none;margin:0 0 50px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cards li,.gift-list li{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px #0c45510b}.cards li h3,.gift-list h3{font-size:17px;margin:0 0 8px}.cards li p,.gift-list p{font-size:14px;margin:0;white-space:pre-line}.checks{padding:0;list-style:none;margin:0 0 47px;display:grid;gap:10px}.checks li{background:#eaf8f1;border-radius:12px;padding:15px 18px;font-size:14px}.checks li:before{content:'✓';color:var(--green);font-weight:800;margin-right:10px}.challenge{background:#f0f8f2;border-left:5px solid var(--green);padding:28px;border-radius:0 18px 18px 0}.challenge h2{margin:5px 0}.challenge p{margin:0 0 20px}.write-line{margin:16px 0;font-size:14px}.levels{margin:10px 34px 0;border-top:1px solid var(--line);padding:28px 0}.levels strong{display:block;margin-bottom:14px}.levels>div{display:flex;flex-wrap:wrap;gap:9px}.levels a{display:inline-block;border:1px solid var(--line);background:white;border-radius:9px;padding:8px 11px;text-decoration:none;font-size:12px;font-weight:700}.levels a[aria-current]{background:#eaf8f1;border-color:var(--green);color:var(--green)}.gift-list li{display:flex;gap:18px}.gift-list li>span{flex:none;display:grid;place-items:center;width:66px;height:66px;background:#eaf8f1;border-radius:16px;color:var(--green);font-size:12px;font-weight:800}.gift-list a{display:inline-block;margin-top:14px;color:var(--green);font-size:13px;font-weight:800}footer{padding:25px 28px 40px;color:#637989;font-size:12px}footer a{margin-left:10px}
.write-line{overflow-wrap:anywhere}
.trial-bonus{margin:15px 34px 25px;padding:24px 30px;background:#e8f8ef;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trial-bonus span{font-size:11px;letter-spacing:.14em;color:#078565;font-weight:800}.trial-bonus h2{margin:6px 0;font-size:22px}.trial-bonus p{max-width:660px;font-size:14px}.trial-bonus a{font-size:14px;color:#078565;font-weight:800}.trial-bonus img{width:150px;height:150px;object-fit:contain}
@media(max-width:700px){.trial-bonus{margin:8px;padding:20px}.trial-bonus img{width:85px;height:85px}}
@media(max-width:700px){header{padding:16px 20px}.brand span{display:none}.hero{padding:30px 24px;align-items:flex-start}.hero img{width:105px;max-width:28%}.workbook{padding:36px 8px}.cards,.gift-list{grid-template-columns:1fr;gap:12px}.levels{margin:0 8px}.gift-list li{padding:17px}}
@media(max-width:440px){.hero{display:block}.hero img{display:block;max-width:150px;width:43%;margin:5px 0 -20px auto}.gift-list li>span{width:50px;height:50px;font-size:10px}}
@media print{body{background:white;color:#111;font-family:Arial,sans-serif}header,footer,.print,.levels,.skip{display:none!important}main{padding:0;max-width:none}.hero{min-height:0;padding:15px 0 20px;background:white;color:#111;border-radius:0}.hero h1{font-size:30px}.hero p,.hero .note{color:#111}.hero img{width:100px}.workbook{padding:0}.cards{display:block;margin-bottom:18px}.cards li{break-inside:avoid;box-shadow:none;border:1px solid #bbb;margin-bottom:8px;padding:10px}.checks li{background:white;border:1px solid #bbb;padding:8px}.challenge{break-inside:avoid;background:white;border:1px solid #bbb;padding:13px}}
