:root{--forest:#173f32;--forest2:#245b47;--gold:#cf9b45;--cream:#fbf7ef;--ink:#21302b;--muted:#64736e;--line:#d7e1dc;--white:#fff;--shadow:0 14px 36px rgba(24,64,51,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f7f5;line-height:1.62}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1140px,92%);margin:auto}.topbar{background:#102e25;color:#fff;font-size:.9rem}.topbar .wrap{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:7px 0}.lang-buttons{display:flex;gap:7px;flex-wrap:wrap}.lang-btn{border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;border-radius:999px;padding:4px 9px;cursor:pointer}.lang-btn.active{background:#fff;color:var(--forest)}.coming{opacity:.58}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:13px 0}.brand{font-weight:800;text-decoration:none;color:var(--forest);font-size:1.02rem}.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:700;font-size:.94rem}.nav-links .nav-cta{background:var(--forest);color:#fff;padding:9px 13px;border-radius:999px}.hero{background:linear-gradient(110deg,rgba(11,44,35,.92),rgba(25,84,64,.79)),url('assets/images/lesson01-twinkle-course-cover.jpg') center/cover;min-height:510px;color:#fff;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:58px 0}.eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:#f7d58a}.hero h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.04;margin:10px 0 15px}.lead{font-size:1.1rem;max-width:720px}.hero-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:18px;border-radius:20px;backdrop-filter:blur(7px)}.hero-card img{border-radius:14px}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;background:var(--forest);color:#fff}.btn.gold{background:var(--gold);color:#202a27}.btn.light{background:#fff;color:var(--forest)}.btn.outline{background:transparent;color:var(--forest);border:1px solid var(--forest)}.btn.white-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.section{padding:66px 0}.section.alt{background:#edf3f0}.section-title{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.13;color:var(--forest);margin:0 0 12px}.section-intro{color:var(--muted);max-width:830px;margin-bottom:27px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 7px 21px rgba(15,51,41,.06)}.card h3{color:var(--forest);margin-top:0}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:.82rem;background:#e8f2ed;color:var(--forest);font-weight:800}.course-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;background:#fff;padding:20px;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line)}.course-feature img{border-radius:16px;height:100%;object-fit:cover}.price{font-size:2rem;font-weight:900;color:var(--forest)}.small{font-size:.9rem;color:var(--muted)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.media-panel video,.media-panel audio{width:100%;margin-top:11px;border-radius:10px}.doc-list{display:grid;gap:10px}.doc-link{display:flex;justify-content:space-between;gap:14px;text-decoration:none;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff}.checkout{display:grid;grid-template-columns:1fr .86fr;gap:24px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.pay-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.pay-card h3{margin:0 0 7px;color:var(--forest)}.pay-card .btn{width:100%;margin-top:8px}.pay-detail{display:none;margin-top:10px;padding:12px;background:#f4f8f6;border-radius:11px}.pay-detail.open{display:block}.pay-detail img{width:min(220px,100%);margin:8px auto}.order-box{background:#fff;border-radius:17px;padding:19px;border:1px solid var(--line);box-shadow:0 8px 22px rgba(15,51,41,.06)}label{font-weight:700;font-size:.92rem}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c9d5cf;border-radius:10px;margin:5px 0 12px;font:inherit}textarea{min-height:100px}.notice{background:#fff7df;border-left:5px solid var(--gold);padding:13px 15px;border-radius:9px}.footer{background:#102e25;color:#eaf2ee;padding:33px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:20px}.footer a{color:#fff}.subhero{background:linear-gradient(120deg,#14392e,#2b684f);color:#fff;padding:55px 0}.subhero h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;margin:7px 0}.breadcrumbs{font-size:.9rem;opacity:.86}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px}.list-clean{padding-left:18px}.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse;background:#fff}.simple-table th,.simple-table td{border:1px solid var(--line);padding:10px;text-align:left}.simple-table th{background:#eaf3ee;color:var(--forest)}[data-zh]{display:none}body.lang-zh [data-en]{display:none}body.lang-zh [data-zh]{display:inline}body.lang-zh div[data-zh],body.lang-zh p[data-zh],body.lang-zh h1[data-zh],body.lang-zh h2[data-zh],body.lang-zh h3[data-zh],body.lang-zh li[data-zh]{display:block}body.lang-zh [data-en]{display:none!important}.lang-note{font-size:.78rem;color:#d8e7e1}
@media(max-width:900px){.hero-grid,.course-feature,.checkout,.contact-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero-grid{padding:42px 0}.footer-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-links{justify-content:flex-end}.media-grid{grid-template-columns:1fr}}
@media(max-width:620px){.grid-3,.grid-2,.payment-methods{grid-template-columns:1fr}.nav{display:block}.nav-links{margin-top:11px;gap:10px}.nav-links a{font-size:.83rem}.hero h1{font-size:2.35rem}.section{padding:48px 0}.topbar .wrap{display:block}.lang-buttons{margin-top:5px}.course-feature{padding:13px}}

/* Protected course download menu and access-code pages */
.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;font-weight:800;font-size:.94rem}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown .nav-cta{background:var(--forest);color:#fff;padding:9px 13px;border-radius:999px}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:235px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:40}.dropdown-menu a{display:block;padding:9px 10px;border-radius:9px;color:var(--ink)}.dropdown-menu a:hover{background:#edf3f0}.status-ready{color:#176b49;font-weight:800}.status-soon{color:#8a6928;font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 7px 21px rgba(15,51,41,.06)}.pricing-card.featured{border:2px solid var(--gold)}.pricing-card .price{margin:8px 0}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.step:before{counter-increment:step;content:counter(step);display:flex;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:9px}.access-shell{width:min(840px,92%);margin:46px auto}.access-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.access-card h1,.access-card h2{color:var(--forest)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-table{width:100%;border-collapse:collapse;background:#fff;font-size:.88rem}.admin-table th,.admin-table td{border:1px solid var(--line);padding:8px;vertical-align:top;text-align:left}.admin-table th{background:#eaf3ee}.code-box{background:#f6f2df;border:1px solid #e7d498;border-radius:13px;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere}.warning-box{background:#fff1f0;border-left:5px solid #bb4b43;padding:13px 15px;border-radius:9px}.success-box{background:#eaf7ef;border-left:5px solid #278153;padding:13px 15px;border-radius:9px}.mini{font-size:.84rem;color:var(--muted)}
@media(max-width:900px){.pricing-grid,.steps,.access-grid{grid-template-columns:1fr 1fr}.nav-dropdown{width:auto}.dropdown-menu{position:static;margin-top:8px}}
@media(max-width:620px){.pricing-grid,.steps,.access-grid{grid-template-columns:1fr}}