*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6faf7;color:#183125}button{font:inherit;cursor:pointer;border:0}header{height:72px;background:#fff;display:flex;align-items:center;padding:0 5%;gap:28px;border-bottom:1px solid #e5eee8;position:sticky;top:0;z-index:10}.logo{background:none;color:#183125;font-size:21px;font-weight:700}.logo b,em{color:#19a463;font-style:normal}nav{display:flex;gap:8px;flex:1;justify-content:center}nav button{background:transparent;color:#65766d;padding:10px 14px;border-radius:10px}nav button:hover{background:#eaf7ef;color:#19a463}.points{background:#eaf7ef;color:#168a53;padding:10px 15px;border-radius:20px}main{max-width:1120px;margin:auto;padding:55px 24px;min-height:calc(100vh - 130px)}.page{display:none}.active{display:block}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center;margin-bottom:65px}.hero small,.page>small{letter-spacing:2px;color:#19a463;font-weight:800}.hero h1{font-size:58px;line-height:1.02;margin:18px 0}.hero p,.page>p{font-size:18px;line-height:1.6;color:#68786f;max-width:650px}.primary,.secondary{padding:13px 20px;border-radius:12px;font-weight:700}.primary{background:#19a463;color:white}.secondary{background:#eaf7ef;color:#168a53}.streak{background:#183125;color:#fff;border-radius:28px;padding:38px;text-align:center;box-shadow:0 18px 45px #18312522}.streak .fire{font-size:45px}.streak strong{display:block;font-size:70px;margin-top:5px}.streak span{color:#b9c9c0}.bar{height:8px;background:#385144;border-radius:10px;margin:25px 0 12px;overflow:hidden}.bar i{display:block;height:100%;width:8%;background:#35c878}.streak p{color:#b9c9c0}.page h2{font-size:38px;margin:12px 0 28px}.mission{background:#fff;border:1px solid #e5eee8;border-radius:20px;padding:22px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 25px #18312508}.mission>span{font-size:40px}.mission div{flex:1}.mission h3{margin:0 0 5px;font-size:20px}.mission p{margin:0;color:#74837b}.stats,.schoolstats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.stats div,.schoolstats div{background:#fff;border:1px solid #e5eee8;border-radius:16px;padding:20px;font-size:24px}.stats b,.schoolstats b{display:block;font-size:27px;margin-top:8px}.stats small,.schoolstats small{display:block;color:#7b8981;font-size:12px;margin-top:3px}.scanner{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.scanbox,.result,.table,.dashboard>div{background:#fff;border:1px solid #e5eee8;border-radius:22px;padding:28px}.scanbox{text-align:center}.scanbox label{display:inline-block;background:#19a463;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;margin:12px}.scanbox .secondary{margin-top:10px}.result{display:flex;flex-direction:column;justify-content:center;min-height:260px}.result h3{font-size:27px}.result p{color:#6d7d74}.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.bins b{background:#fff;border:1px solid #e5eee8;padding:18px;border-radius:14px;text-align:center}.leader{display:flex;justify-content:center;align-items:end;gap:15px;margin:45px 0}.leader div{width:180px;height:150px;background:#fff;border:1px solid #e5eee8;border-radius:18px;text-align:center;padding:20px}.leader .first{height:190px;background:#eaf7ef;border-color:#a7dec0}.leader b,.leader strong{display:block;margin-top:12px}.table{max-width:650px;margin:auto}.table p{padding:16px;border-bottom:1px solid #edf2ef}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e5eee8;border-radius:20px;padding:25px;font-size:35px}.cards article h3{font-size:20px}.cards article p{font-size:14px;color:#718078;min-height:42px}.cards article b{font-size:11px;color:#19a463;letter-spacing:1px}.schoolstats{grid-template-columns:repeat(3,1fr)}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dashboard>div{min-height:250px}.dashboard p{display:flex;justify-content:space-between;border-bottom:1px solid #edf2ef;padding:9px;color:#66766d}.dashboard b{color:#19a463}footer{text-align:center;background:#183125;color:#c9d8d0;padding:25px}#toast{position:fixed;right:25px;bottom:25px;background:#183125;color:#fff;padding:14px 20px;border-radius:12px;opacity:0;transform:translateY(15px);transition:.3s}#toast.show{opacity:1;transform:none}@media(max-width:800px){header{padding:0 15px}nav{display:none}.hero,.scanner,.dashboard{grid-template-columns:1fr}.hero h1{font-size:42px}.stats,.schoolstats,.bins,.cards{grid-template-columns:1fr 1fr}.leader div{width:30%}.leader{gap:6px}.mission{align-items:flex-start;flex-wrap:wrap}.mission .primary{width:100%}}