*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07100a;color:#edf4ee;font-family:Arial,"Microsoft YaHei",sans-serif;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:18px 18px}a{color:inherit;text-decoration:none}.top{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.top img{width:155px;background:#fff}.top small{color:#9dff3f;letter-spacing:2px;font-weight:900}.hero{min-height:570px;padding:52px max(24px,calc((100vw - 1050px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;background:radial-gradient(circle at 78% 30%,#2f6a2855,transparent 34%),linear-gradient(145deg,#11190f,#06130a 60%,#0b2615)}.eyebrow{color:#a7ff42;font-weight:900;letter-spacing:4px}.hero h1{font-size:clamp(47px,7vw,90px);line-height:.92;margin:18px 0;text-transform:uppercase}.hero h1 em{display:block;color:#6adb1f;font-style:normal}.hero h2{font-weight:500;letter-spacing:1px}.hero p{max-width:650px;color:#c5d2c7;line-height:1.8}.hero-badge{display:flex;justify-content:center}.hero-badge img{display:block;width:min(430px,90vw);filter:drop-shadow(0 20px 22px #000b)}.wrap{max-width:1120px;margin:auto;padding:60px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{font-size:clamp(30px,5vw,54px);margin:5px 0}.section-head em{color:#72de26;font-style:normal}.progress{font-size:34px;color:#ffda56;font-weight:900}.progress small{font-size:15px;color:#aab6ac}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;min-height:250px;padding:22px;border:2px solid #34523c;border-radius:18px;background:linear-gradient(145deg,#132219,#0b140e);transition:.2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:#8be23f}.card .num{font-size:58px;font-weight:900;color:#ffffff17;position:absolute;right:14px;top:5px}.card small{color:#9dff42;letter-spacing:2px;font-weight:900}.card h3{font-size:26px;margin:56px 0 6px}.card p{color:#9fb1a3;margin:0 0 23px}.card b{color:#ffcf3d}.badge-hub{margin-top:65px;padding:32px;border:3px solid #d99b23;border-radius:22px;background:linear-gradient(145deg,#14291a,#071109)}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:18px}.badge-slot{width:100%;min-width:0;padding:14px;border:2px solid #3c5942;border-radius:16px;background:#0c1b10;color:white;text-align:center;cursor:pointer}.badge-slot img{display:block;width:min(100%,170px);aspect-ratio:1;object-fit:contain;margin:0 auto 7px}.badge-slot strong,.badge-slot span{display:block}.badge-slot strong{color:#ffd65b}.badge-slot span{font-size:12px;color:#9caf9f}.badge-slot.locked img{filter:grayscale(1) brightness(.33);opacity:.65}.badge-slot.earned{border-color:#f5c63f;box-shadow:0 0 23px #f6c73d33}.reset{display:block;margin:30px auto 0;border:1px solid #55705a;background:transparent;color:#c5d0c7;border-radius:8px;padding:10px 15px;cursor:pointer}.lesson-hero{padding:45px max(24px,calc((100vw - 1050px)/2));display:grid;grid-template-columns:1fr 390px;align-items:center;gap:30px;background:radial-gradient(circle at 80% 25%,#265c2555,transparent 38%),#08120b}.lesson-hero h1{font-size:clamp(42px,7vw,78px);margin:12px 0 5px;line-height:.95;text-transform:uppercase}.lesson-hero h2{color:#8ee63f;margin:8px 0}.lesson-hero img{display:block;width:100%;filter:drop-shadow(0 18px 20px #000c)}.back{display:inline-block;border:1px solid #537159;border-radius:8px;padding:9px 13px;margin-bottom:24px}.overview{font-size:17px;color:#c5d2c7;line-height:1.8}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:25px;border:1px solid #3b5942;border-radius:16px;background:#0c1910}.panel h3{color:#ffe065;font-size:23px;margin-top:0}.task-list{display:grid;gap:10px}.task{padding:12px 14px;border-left:4px solid #78dc31;background:#13251a}.tabs{display:flex;gap:9px;margin:35px 0 16px}.tab{border:1px solid #58715d;background:#102117;color:#dbe5dc;border-radius:8px;padding:12px 20px;font-weight:900;cursor:pointer}.tab.active{background:#79db31;color:#0c160c}.level{display:none}.level.active{display:block}.vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.word{border:1px solid #435f49;background:#0f2115;color:#fff;border-radius:10px;padding:14px;text-align:left}.word span{float:right;color:#82e53a}.sentence{padding:14px;margin:9px 0;border:1px solid #3c5742;border-radius:10px;background:#102017}.sentence small{display:block;color:#8de845;margin-bottom:6px}.complete{margin-top:55px;text-align:center;padding:30px;border:3px solid #d99b23;border-radius:19px;background:linear-gradient(145deg,#18361e,#09150c)}.checks{max-width:650px;margin:22px auto;display:grid;gap:10px;text-align:left}.checks label{padding:14px;border:1px solid #48644e;border-radius:10px;background:#0e2012}.checks input{width:20px;height:20px;margin-right:10px;accent-color:#eebc39}.claim{border:0;border-radius:9px;padding:15px 25px;font-size:17px;font-weight:900;background:#777;color:#fff}.claim.ready{background:linear-gradient(#ffe16d,#e59b18);color:#1a210b;cursor:pointer}.modal{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#000d;padding:18px}.modal[hidden]{display:none}.dialog{width:min(520px,95vw);max-height:94vh;overflow:auto;text-align:center;padding:25px;border:4px solid #efbd35;border-radius:20px;background:radial-gradient(circle at top,#214526,#08150c 65%)}.dialog img{display:block;width:min(330px,80vw);margin:auto}.dialog h2{color:#ffe06a}.dialog button{border:0;border-radius:8px;padding:12px 20px;background:#efbd35;font-weight:900;cursor:pointer}@media(max-width:800px){.hero,.lesson-hero{grid-template-columns:1fr}.hero-badge,.lesson-hero img{max-width:360px;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-grid{grid-template-columns:1fr}.vocab{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.top{padding:14px}.hero,.lesson-hero{padding:36px 18px}.wrap{padding:42px 14px}.cards{grid-template-columns:1fr}.card{min-height:190px}.card h3{margin-top:38px}.badge-hub{padding:18px 10px}.badge-grid{gap:9px}.badge-slot{padding:7px}.vocab{grid-template-columns:1fr}.tabs{position:sticky;top:0;z-index:4;background:#07100a;padding:8px 0}.tab{flex:1;padding:11px 5px}}
/* Restore the exact Version 7 homepage hero treatment. */
.hero{min-height:650px;grid-template-columns:1fr;gap:0;background:linear-gradient(90deg,rgba(3,12,7,.94) 0%,rgba(3,12,7,.78) 39%,rgba(3,12,7,.18) 72%,rgba(3,12,7,.08) 100%),url("../first-shelter-hero.png") center/cover no-repeat}
.hero>div:first-child{max-width:680px}.hero-badge{display:none!important}
@media(max-width:800px){.hero{min-height:620px;background-position:62% center}.hero>div:first-child{max-width:590px}}
.card.coming-soon{cursor:not-allowed;opacity:.58;filter:saturate(.45);user-select:none}.card.coming-soon:hover{transform:none;border-color:#34523c}.card.coming-soon b{color:#9ba69d}.badge-slot.coming-soon{cursor:not-allowed}