:root{--ink:#183a33;--muted:#6c7d78;--green:#168c5a;--green-dark:#0b7046;--cream:#f5f7ee;--line:#e3e9df}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth}body{color:var(--ink);background:#f7f8f2;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.eco-svg-icon{vertical-align:-.18em;flex:none;width:1.15em;height:1.15em;display:inline-block}.brand-mark .eco-svg-icon{width:24px;height:24px}.public-brand>span>.eco-svg-icon{width:23px;height:23px}.public-login-button>.eco-svg-icon,.public-hero-actions .eco-svg-icon,.public-cta a .eco-svg-icon,.public-show-more .eco-svg-icon{vertical-align:-.22em;width:15px;height:15px}.role-nav>a>.eco-svg-icon{width:18px;height:18px}.role-topbar h1>.eco-svg-icon{vertical-align:-.12em;width:22px;height:22px}.role-topbar button>.eco-svg-icon{width:18px;height:18px}.role-chip>.eco-svg-icon{width:12px;height:12px}.eco-habit-status>.eco-svg-icon,.eco-info-line>.eco-svg-icon,.eco-file-result .eco-svg-icon,.eco-upload-error>.eco-svg-icon{width:13px;height:13px}.primary-button>.eco-svg-icon,.eco-upload-panel button>.eco-svg-icon,.new-cadre-actions .eco-svg-icon,.admin-inline-form button>.eco-svg-icon{width:15px;height:15px}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px;text-decoration:none;display:flex}.school-logo{object-fit:contain;flex:none;width:48px;height:48px;display:block}.front-brand>.school-logo,.login-brand-side .school-logo{width:56px;height:56px}.auth-loading>.school-logo{width:64px;height:64px}.brand-mark{background:#dff4d5;border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;display:grid;transform:rotate(-4deg)}.brand strong{color:#0d7148;letter-spacing:-.5px;font-size:19px;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.main-nav{gap:7px;margin-top:40px;display:grid}.nav-item{color:#63736e;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item span{place-items:center;width:22px;font-size:18px;display:grid}.nav-item:hover{color:var(--green);background:#f4f7f1}.nav-item.active{color:#0b7046;background:#e6f5df;box-shadow:inset 3px 0 #2a9b58}.eco-tip{background:#fffde3;border:1px solid #e5e7b9;border-radius:17px;margin-top:auto;padding:17px}.tip-icon{margin-bottom:9px;font-size:20px}.eco-tip strong{font-size:12px}.eco-tip p{color:#798078;margin:5px 0 0;font-size:11px;line-height:1.55}.profile-wrap{margin-top:17px;position:relative}.profile-button{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 8px;display:grid}.profile-button .avatar{color:#775017;background:#ffd79b;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:11px}.profile-button small{color:var(--muted);margin-top:2px;font-size:10px}.profile-menu{z-index:12;border:1px solid var(--line);background:#fff;border-radius:13px;gap:2px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 15px 35px #20473a24}.profile-menu button,.profile-menu a{color:#516762;text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:10px;text-decoration:none}.profile-menu button:hover,.profile-menu a:hover{color:var(--green-dark);background:#f0f7ed}.main-content{min-width:0;padding:28px 42px 44px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#86938f;margin:0 0 5px;font-size:11px;font-weight:600}.topbar h1{letter-spacing:-.8px;margin:0;font-size:25px}.top-actions{align-items:center;gap:10px;display:flex}.notification-wrap{position:relative}.icon-button,.help-button{border:1px solid var(--line);color:#60716c;background:#fff;height:39px;position:relative}.icon-button{border-radius:12px;width:39px}.notification-dot{background:#f26a4f;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.help-button{border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.notification-panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(330px,100vw - 34px);padding:16px;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #1943332b}.notification-panel>div{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notification-panel>div strong{font-size:13px}.notification-panel>div span{width:22px;height:22px;color:var(--green-dark);background:#e4f3df;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.notification-panel p{color:#63746f;margin:0;padding:10px 0;font-size:10px;line-height:1.5}.notification-panel p+p{border-top:1px solid #edf0eb}.hero-card{color:#fff;background:linear-gradient(125deg,#0d7448,#1a975f);border-radius:25px;grid-template-columns:1.45fr 1fr;min-height:270px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #1b644224}.hero-card:before{content:"";opacity:.22;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px);background-size:23px 23px;position:absolute;inset:0}.hero-copy{z-index:2;padding:37px 40px;position:relative}.week-pill{background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-block}.hero-copy h2{letter-spacing:-1.4px;max-width:530px;margin:17px 0 10px;font-size:clamp(25px,3vw,39px);line-height:1.12}.hero-copy p{color:#def4e8;margin:0 0 23px;font-size:13px}.hero-button{color:#087246;background:#fff;border:0;border-radius:11px;padding:11px 16px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 8px 18px #033b2426}.hero-button:hover{transform:translateY(-2px);box-shadow:0 11px 23px #033b2436}.hero-button span,.panel-heading button span{margin-left:8px}.hero-visual{min-height:270px;position:relative;overflow:hidden}.sun{color:#fff7bb;background:#f7d76a;border-radius:50%;place-items:center;width:75px;height:75px;font-size:34px;display:grid;position:absolute;top:26px;right:30px}.hill{border-radius:50% 50% 0 0;width:120%;height:180px;position:absolute;bottom:-50px;right:-12%;transform:rotate(-4deg)}.hill-back{background:#59ad6b}.hill-front{background:#9acb72;bottom:-75px;right:-33%;transform:rotate(9deg)}.podium{z-index:2;color:#166d48;background:#fff6bc;border:6px solid #f4d96d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:114px;height:112px;display:flex;position:absolute;bottom:36px;right:24%;box-shadow:0 14px #09563340}.trophy{filter:drop-shadow(0 5px 4px #00000029);font-size:48px;position:absolute;top:-32px}.podium strong{margin-top:15px;font-size:36px;line-height:1}.podium small{font-size:11px;font-weight:800}.spark{z-index:3;color:#ffe986;position:absolute}.spark-one{font-size:23px;top:40px;left:8%}.spark-two{font-size:15px;top:120px;right:10%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:46px 1fr;align-items:center;gap:12px;min-height:108px;padding:18px;display:grid}.stat-icon{border-radius:14px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.stat-card.green .stat-icon{background:#e3f4df}.stat-card.blue .stat-icon{background:#dff2f4}.stat-card.orange .stat-icon{background:#fff0d7}.stat-card.purple .stat-icon{background:#f0e8f7}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-size:10px;font-weight:600}.stat-card strong{letter-spacing:-.7px;margin:4px 0;font-size:22px}.stat-card strong b{font-size:12px}.stat-card em{color:#478e66;font-size:9px;font-style:normal;font-weight:600}.stat-card.blue em,.stat-card.orange em{color:#87948f}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-kicker{color:#198958;letter-spacing:1.4px;font-size:8px;font-weight:900}.panel-heading h3{letter-spacing:-.4px;margin:3px 0 0;font-size:17px}.panel-heading button,.mission-button{color:#168c5a;background:0 0;border:0;font-size:10px;font-weight:800}.leader-list{gap:7px;display:grid}.leader-row{border-radius:13px;grid-template-columns:30px 39px 1fr auto;align-items:center;gap:11px;min-height:55px;padding:7px 12px;display:grid}.leader-row.current{background:#eef8e9;box-shadow:inset 3px 0 #4b9d5c}.rank-medal{color:#49605a;background:#dfe5e2;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:grid}.rank-medal.gold{color:#fff;background:#f4bf3b}.rank-medal.silver{color:#fff;background:#a8b9b5}.rank-medal.bronze{color:#fff;background:#d7986d}.class-badge{color:#28754d;background:#dff3df;border-radius:12px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:900;display:grid}.leader-row:first-child .class-badge{color:#8c6722;background:#fff0bd}.leader-row:nth-child(3) .class-badge{color:#3f6f9c;background:#e6f0fb}.leader-row div strong{font-size:11px}.leader-row div small{color:#168c5a;margin-top:2px;font-size:8px;font-weight:800;display:block}.leader-score{font-size:13px}.leader-score small{color:var(--muted);font-size:8px}.mission-count{color:#168c5a;white-space:nowrap;background:#e8f5e3;border-radius:999px;place-items:center;min-width:37px;min-height:25px;padding:6px 9px;font-size:8px;font-weight:900;display:grid}.mission-list{gap:8px;display:grid}.mission-item{background:#f4f8ed;border:1px solid #0000;border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;min-height:82px;padding:11px;display:grid}.mission-item.approved{background:#fafbf8;border-color:#dce8d7}.mission-item.pending{background:#fffaf0;border-color:#f0dfad}.mission-item.rejected{background:#fff7f5;border-color:#f3c9c0}.mission-art{background:#dcefd1;border-radius:14px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.mission-item strong{font-size:12px}.mission-item p{color:var(--muted);margin:5px 0 8px;font-size:9px;line-height:1.5}.mission-item div .points-chip,.mission-item div .mission-status{border-radius:7px;padding:4px 7px;font-size:8px;font-weight:900;display:inline-block}.mission-item div .points-chip{color:#8b681e;background:#fff3b7}.mission-item div .mission-status{color:#6a7a75;background:#edf0ec;margin-left:5px}.mission-item div .mission-status.pending{color:#8a6721;background:#fff0c8}.mission-item div .mission-status.approved{color:#26704b;background:#dff1da}.mission-item div .mission-status.rejected{color:#a44e3d;background:#f8ddd7}.mission-item>.mission-submit{color:#fff;background:#178c5a;border:0;border-radius:9px;min-width:76px;height:31px;padding:0 10px;font-size:8px;font-weight:800}.mission-item>.mission-submit:disabled{cursor:default;background:#aebcb7}.mission-item.pending>.mission-submit:disabled{color:#5f4915;background:#e3bc5b}.mission-item.approved>.mission-submit:disabled{background:#58a66f;min-width:31px;font-size:13px}.verification-note{background:#f5faef;border:1px dashed #b9d6ad;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-top:11px;padding:11px;display:grid}.verification-note>span{background:#e2f1dc;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.verification-note strong{font-size:9px}.verification-note p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.4}.verification-note a{color:var(--green-dark);white-space:nowrap;font-size:8px;font-weight:800;text-decoration:none}.weekly-report-summary{grid-template-columns:130px 1fr;align-items:center;gap:27px;display:grid}.active-days{background:#f8fcf5;border:10px solid #dff0d8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;display:flex}.active-days strong{font-size:28px;line-height:1}.active-days small{color:var(--muted);margin-top:5px;font-size:7px}.active-days span{color:#2e7650;background:#e6f4df;border-radius:999px;margin-top:7px;padding:4px 7px;font-size:7px;font-weight:900}.daily-report-bars{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.daily-report-bars div{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-height:90px;display:flex}.daily-report-bars div>span{color:#9ca6a2;background:#edf0eb;border-radius:11px 11px 5px 5px;place-items:center;width:100%;min-height:48px;font-size:14px;font-weight:900;display:grid}.daily-report-bars div>span.active{color:#fff;background:linear-gradient(#6abb79,#3e9b62);min-height:78px;box-shadow:inset 0 -5px #12653a1f}.daily-report-bars small{color:var(--muted);font-size:8px;font-weight:700}.lower-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;margin-top:18px;display:grid}.verified-badge,.badge-total{color:#337652;background:#ecf6e8;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.waste-summary{grid-template-columns:130px 1fr;align-items:center;gap:28px;display:grid}.donut{background:radial-gradient(circle at center, #fff 0 47%, transparent 49%), conic-gradient(#6ebf74 0 44%, #e6bd52 44% 78%, #69b2c1 78% 100%);text-align:center;border-radius:50%;place-content:center;width:118px;height:118px;display:grid}.donut strong,.donut small{display:block}.donut strong{font-size:21px}.donut small{color:var(--muted);font-size:8px}.waste-bars{gap:14px;display:grid}.waste-bars>div>span{justify-content:space-between;gap:15px;margin-bottom:6px;display:flex}.waste-bars b,.waste-bars small{font-size:9px}.waste-bars small{color:var(--muted)}.waste-bars i{background:#edf0ea;border-radius:999px;height:7px;display:block;overflow:hidden}.waste-bars i b{border-radius:inherit;background:#6ebf74;height:100%;display:block}.waste-bars>div:nth-child(2) i b{background:#e6bd52}.waste-bars>div:nth-child(3) i b{background:#69b2c1}.badge-row{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.badge-row>div{text-align:center;background:#f8f8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:118px;padding:10px 6px;display:flex}.badge-row>div>span{background:#fff5bd;border:3px solid #edd26c;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 4px #e7e0bb}.badge-row strong{margin-top:8px;font-size:8px}.badge-row small{color:#3a9866;margin-top:3px;font-size:7px;font-weight:800}.badge-row .locked{filter:grayscale();opacity:.52}.badge-row .locked>span{color:#818b87;font-weight:900}.activity-panel{margin-top:18px}.activity-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.activity-list article{border:1px solid #ecf0e9;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.activity-list article>span{background:#eef7e8;border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.activity-list strong{font-size:9px}.activity-list p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.4}.activity-list time{color:#8a9692;align-self:start;font-size:7px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a2c217a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{background:#fff;border-radius:25px;width:min(440px,100%);padding:31px;position:relative;box-shadow:0 30px 80px #09322447}.modal-close{color:#546b63;background:#edf2ec;border:0;border-radius:50%;place-items:center;width:31px;height:31px;font-size:19px;display:grid;position:absolute;top:15px;right:15px}.help-art{background:#e3f4da;border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:19px;font-size:32px;display:grid;transform:rotate(-3deg)}.help-modal h2{letter-spacing:-.8px;margin:5px 0 22px;font-size:24px}.help-steps{gap:13px;display:grid}.help-steps p{grid-template-columns:29px 1fr;align-items:center;gap:11px;margin:0;display:grid}.help-steps p>b{color:#24734c;background:#e5f4df;border-radius:10px;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.help-steps strong,.help-steps small{display:block}.help-steps strong{font-size:11px}.help-steps small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.45}.primary-button{background:var(--green);color:#fff;border:0;border-radius:12px;width:100%;margin-top:25px;padding:12px;font-size:11px;font-weight:800}.primary-button:disabled{cursor:default;background:#aebbb6}.evidence-modal{background:#fff;border-radius:24px;width:min(490px,100%);max-height:calc(100vh - 32px);padding:29px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #09322447}.evidence-modal h2{letter-spacing:-.6px;margin:5px 0 7px;font-size:22px}.evidence-intro{color:var(--muted);margin:0 0 16px;font-size:9px;line-height:1.55}.upload-drop{color:#456a58;cursor:pointer;background:#f6faef;border:2px dashed #b8d5ae;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:176px;display:flex;overflow:hidden}.upload-drop:hover{background:#f0f8e9;border-color:#62a876}.upload-drop>span{font-size:35px}.upload-drop>strong{margin-top:9px;font-size:11px}.upload-drop>small{color:var(--muted);margin-top:4px;font-size:8px}.upload-drop.has-photo{background:#e8eee6;border-style:solid;display:block}.upload-drop img{object-fit:cover;width:100%;height:210px;display:block}.compression-status{border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin-top:11px;padding:10px;display:grid}.compression-status>span{border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid}.compression-status strong,.compression-status small{display:block}.compression-status strong{font-size:9px}.compression-status small{color:var(--muted);margin-top:3px;font-size:8px}.compression-status.working{background:#fff8e4}.compression-status.working>span{border:3px solid #eadba7;border-top-color:#a57a20;border-radius:50%;animation:.8s linear infinite spin}.compression-status.success{background:#ebf7e6}.compression-status.success>span{color:#29724a;background:#d4eccb}@keyframes spin{to{transform:rotate(360deg)}}.upload-error{color:#a44f3f;background:#fff0ed;border-radius:10px;margin:10px 0 0;padding:9px;font-size:8px}.daily-point-rule{background:#fffcef;border:1px solid #eadfae;border-radius:11px;grid-template-columns:32px 1fr;gap:9px;margin-top:11px;padding:10px;display:grid}.daily-point-rule>span{background:#f6e9aa;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.daily-point-rule strong,.daily-point-rule small{display:block}.daily-point-rule strong{font-size:9px}.daily-point-rule small{color:#7e7657;margin-top:3px;font-size:8px;line-height:1.45}.toast{z-index:110;color:#146842;background:#f1fbe9;border:1px solid #b9d8ad;border-radius:13px;padding:13px 17px;font-size:11px;font-weight:800;animation:.25s ease-out toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 40px #19543733}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f0c94e}.teacher-shell{background:#f7f8f3;grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.teacher-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:27px 19px 20px;display:flex;position:sticky;top:0}.teacher-identity{background:#f2f7ee;border-radius:14px;grid-template-columns:39px 1fr;align-items:center;gap:10px;margin:31px 7px 23px;padding:12px;display:grid}.teacher-identity>span{color:#76511d;background:#ffd89b;border-radius:12px;place-items:center;width:39px;height:39px;font-size:10px;font-weight:900;display:grid}.teacher-identity strong,.teacher-identity small{display:block}.teacher-identity strong{font-size:10px}.teacher-identity small{color:var(--muted);margin-top:3px;font-size:8px}.teacher-nav{gap:6px;display:grid}.teacher-nav a{color:#60716c;border-radius:11px;grid-template-columns:21px 1fr auto;align-items:center;gap:10px;padding:11px 13px;font-size:11px;font-weight:650;text-decoration:none;display:grid}.teacher-nav a>span{text-align:center;font-size:16px}.teacher-nav a>b{color:#5b4312;background:#f3c75c;border-radius:7px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.teacher-nav a:hover{color:var(--green-dark);background:#f3f7f0}.teacher-nav a.active{color:var(--green-dark);background:#e5f3df;box-shadow:inset 3px 0 #29955a}.teacher-class-card{background:#fffdef;border:1px solid #e6e9d6;border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-top:auto;padding:13px;display:grid}.teacher-class-card>span{color:#614717;background:#f3ca65;border-radius:13px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.teacher-class-card strong,.teacher-class-card small{display:block}.teacher-class-card strong{font-size:9px}.teacher-class-card small{color:#7c837d;margin-top:3px;font-size:7px;line-height:1.4}.student-preview-link{color:#4f6a60;text-align:center;margin-top:10px;padding:9px;font-size:9px;font-weight:750;text-decoration:none}.teacher-main{min-width:0;padding:28px 38px 46px}.teacher-topbar{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.teacher-topbar p{color:#84918c;margin:0 0 4px;font-size:10px}.teacher-topbar h1{letter-spacing:-.7px;margin:0;font-size:24px}.teacher-topbar>div:last-child{align-items:center;gap:10px;display:flex}.prototype-chip{color:#397453;background:#f3f9ef;border:1px solid #d9e7d4;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800}.prototype-chip:first-letter{color:#36a764}.teacher-topbar button{border:1px solid var(--line);background:#fff;border-radius:11px;width:38px;height:38px}.teacher-hero{background:linear-gradient(115deg,#e9f5df 0%,#f4f8df 58%,#fff6ca 100%);border-radius:24px;grid-template-columns:1.45fr .75fr;min-height:235px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #dce8d3}.teacher-hero:after{content:"";background:#56a66126;border-radius:50%;width:310px;height:220px;position:absolute;bottom:-95px;right:-70px;transform:rotate(-11deg)}.teacher-hero>div:first-child{z-index:2;padding:33px 37px;position:relative}.teacher-hero h2{letter-spacing:-1px;margin:9px 0 8px;font-size:clamp(26px,3vw,36px);line-height:1.12}.teacher-hero p{color:#60736b;margin:0 0 21px;font-size:11px}.teacher-hero a{color:#fff;background:#158a57;border-radius:10px;padding:10px 15px;font-size:9px;font-weight:850;text-decoration:none;display:inline-block;box-shadow:0 8px 18px #146e4526}.teacher-hero a span{margin-left:8px}.teacher-hero-art{z-index:2;color:#fff;background:#249a61;border:8px solid #fff;border-radius:39px;flex-direction:column;justify-content:center;place-self:center;align-items:center;width:148px;height:148px;display:flex;position:relative;transform:rotate(3deg);box-shadow:0 18px #1b74461f}.teacher-hero-art>span{font-size:52px;position:absolute;top:-24px;left:-25px;transform:rotate(-11deg)}.teacher-hero-art>i{color:#5d4710;background:#f2c24f;border:5px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-15px;right:-13px}.teacher-hero-art>b{font-size:43px;line-height:1}.teacher-hero-art>small{margin-top:5px;font-size:8px;font-weight:800}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0;display:grid}.teacher-stats article{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:44px 1fr;align-items:center;gap:11px;min-height:94px;padding:16px;display:grid}.teacher-stats article>span{border-radius:13px;place-items:center;width:44px;height:44px;font-size:19px;font-weight:900;display:grid}.teacher-stats article>span.amber{color:#8a6721;background:#fff0c8}.teacher-stats article>span.green{color:#237248;background:#dcf1d8}.teacher-stats article>span.blue{background:#dfeff5}.teacher-stats article>span.purple{background:#eee5f5}.teacher-stats small,.teacher-stats strong,.teacher-stats em{display:block}.teacher-stats small{color:var(--muted);font-size:8px;font-weight:700}.teacher-stats strong{margin:3px 0;font-size:19px}.teacher-stats em{color:#85928d;font-size:7px;font-style:normal}.teacher-panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.teacher-panel-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.teacher-panel-heading.compact{align-items:center}.teacher-panel-heading h2{letter-spacing:-.4px;margin:4px 0 0;font-size:18px}.teacher-panel-heading p{color:var(--muted);margin:4px 0 0;font-size:8px}.review-tabs{background:#f2f5f0;border-radius:11px;gap:5px;padding:4px;display:flex}.review-tabs button{color:#75817d;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800}.review-tabs button span{background:#e1e6e0;border-radius:999px;margin-left:4px;padding:2px 5px}.review-tabs button.active{color:var(--green-dark);background:#fff;box-shadow:0 3px 10px #2b4b3e14}.review-tabs button.active span{background:#dff0d9}.review-list{gap:9px;display:grid}.review-card{border:1px solid #e8ede6;border-radius:15px;grid-template-columns:41px minmax(120px,.7fr) minmax(240px,1.35fr) 58px auto;align-items:center;gap:12px;padding:13px;transition:border-color .2s,box-shadow .2s;display:grid}.review-card:hover{border-color:#cbdcc5;box-shadow:0 8px 20px #244e3b12}.student-avatar{color:#77511d;background:#fee0ad;border-radius:13px;place-items:center;width:41px;height:41px;font-size:9px;font-weight:900;display:grid}.student-meta strong,.student-meta span{display:block}.student-meta strong{font-size:10px}.student-meta span{color:var(--muted);margin-top:3px;font-size:7px}.request-mission{background:#f7f9f4;border-radius:11px;grid-template-columns:37px 1fr;align-items:center;gap:9px;padding:8px;display:grid}.request-mission>span{background:#e2f0dc;border-radius:10px;place-items:center;width:37px;height:37px;font-size:20px;display:grid}.request-mission small,.request-mission strong{display:block}.request-mission small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:6px}.request-mission strong{margin-top:2px;font-size:9px}.request-mission p{color:#75827d;margin:3px 0 0;font-size:7px;line-height:1.35}.request-points{text-align:center}.request-points strong,.request-points small,.request-points time{display:block}.request-points strong{color:#188557;font-size:14px}.request-points small,.request-points time{color:var(--muted);font-size:7px}.request-points time{margin-top:5px}.review-actions{gap:6px;display:flex}.review-actions button{border-radius:9px;padding:8px 10px;font-size:8px;font-weight:850}.review-actions .reject{color:#9f5345;background:#fff8f6;border:1px solid #e3bcb3}.review-actions .approve{color:#fff;background:#188c5a;border:1px solid #158455}.review-result{text-align:center;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:850}.review-result.approved{color:#28714b;background:#e0f2db}.review-result.rejected{color:#9f5142;background:#f9e3de}.review-result.pending{color:#87661f;background:#fff0c8}.empty-review{min-height:165px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-review span{font-size:32px}.empty-review strong{color:var(--ink);margin-top:8px;font-size:11px}.empty-review p{margin:4px 0 0;font-size:8px}.teacher-lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:17px;margin-top:17px;display:grid}.teacher-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:17px 0}.new-mission-button{color:var(--green-dark);background:#e5f3df;border:0;border-radius:9px;padding:8px 11px;font-size:8px;font-weight:850}.managed-mission-list{gap:8px;display:grid}.managed-mission-list article{border:1px solid #e8ece5;border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.managed-mission-list article.inactive{opacity:.52}.managed-mission-list article>span{background:#edf5e7;border-radius:11px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.managed-mission-list strong,.managed-mission-list small{display:block}.managed-mission-list strong{font-size:9px}.managed-mission-list small{color:var(--muted);margin-top:3px;font-size:7px}.cadre-list{gap:8px;display:grid}.cadre-list article{border:1px solid #e8ece5;border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.cadre-list article.inactive{opacity:.52}.cadre-list article>span{color:#426782;background:#e3edf6;border-radius:12px;place-items:center;width:40px;height:40px;font-size:9px;font-weight:900;display:grid}.cadre-list strong,.cadre-list small{display:block}.cadre-list strong{font-size:9px}.cadre-list small{color:var(--muted);margin-top:3px;font-size:7px}.cadre-preview-button{color:#315f70;text-align:center;background:#e7f1f5;border-radius:10px;margin-top:12px;padding:10px;font-size:8px;font-weight:850;text-decoration:none;display:block}.monitor-panel{margin-top:0}.assigned-cadre small,.assigned-cadre strong{display:block}.assigned-cadre small{color:var(--muted);font-size:7px}.assigned-cadre strong{margin-top:4px;font-size:8px}.daily-rule-banner{background:#fffcee;border:1px solid #e7d99f;border-radius:17px;grid-template-columns:45px 1fr;align-items:center;gap:13px;margin-top:17px;padding:16px 19px;display:grid}.daily-rule-banner>span{background:#f6e5a3;border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.daily-rule-banner strong{font-size:11px}.daily-rule-banner p{color:#746d54;margin:4px 0 0;font-size:8px;line-height:1.5}.cadre-shell{background:#f4f7f5;grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.cadre-sidebar{background:#fff;border-right:1px solid #dce6e3;flex-direction:column;height:100vh;padding:27px 19px 20px;display:flex;position:sticky;top:0}.brand-mark.cadre-mark{background:#dfeef4;transform:rotate(3deg)}.cadre-identity{background:#eaf3f6;border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin:31px 6px 12px;padding:13px;display:grid}.cadre-identity>span{color:#fff;background:#79a8b9;border-radius:13px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:900;display:grid}.cadre-identity strong,.cadre-identity small{display:block}.cadre-identity strong{font-size:10px}.cadre-identity small{color:#5f7a84;margin-top:3px;font-size:7px}.identity-note{background:#f5fafb;border:1px solid #d7e5e9;border-radius:12px;grid-template-columns:28px 1fr;gap:8px;margin:0 6px 22px;padding:10px;display:grid}.identity-note>span{color:#367185;background:#dfeff3;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.identity-note p{margin:0}.identity-note strong,.identity-note small{display:block}.identity-note strong{font-size:8px}.identity-note small{color:#72858a;margin-top:3px;font-size:7px;line-height:1.4}.cadre-nav{margin-top:0}.cadre-nav a.active{color:#2e6678;background:#e2f0f3;box-shadow:inset 3px 0 #4b8da3}.cadre-main{min-width:0;padding:28px 38px 46px}.cadre-hero{background:linear-gradient(115deg,#dfeff2,#eef6f4 58%,#f7f1cc);border-radius:24px;grid-template-columns:1.4fr .7fr;min-height:225px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d4e4e5}.cadre-hero>div:first-child{z-index:2;padding:33px 37px;position:relative}.cadre-hero h2{letter-spacing:-1px;margin:9px 0 8px;font-size:clamp(27px,3vw,36px);line-height:1.12}.cadre-hero p{color:#5f7474;max-width:530px;margin:0 0 21px;font-size:10px}.cadre-hero a{color:#fff;background:#397b8e;border-radius:10px;padding:10px 15px;font-size:9px;font-weight:850;text-decoration:none;display:inline-block}.cadre-hero a span{margin-left:8px}.cadre-hero:after{content:"";background:#72a6aa33;border-radius:50%;width:280px;height:190px;position:absolute;bottom:-75px;right:-30px}.cadre-hero-art{z-index:2;color:#fff;background:#4a8ea0;border:8px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;place-self:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 16px #3a718033}.cadre-hero-art>span{font-size:48px;position:absolute;top:-27px}.cadre-hero-art>b{margin-top:13px;font-size:41px;line-height:1}.cadre-hero-art>small{margin-top:5px;font-size:8px;font-weight:800}.cadre-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0;display:grid}.cadre-stats article{background:#fff;border:1px solid #dfe7e4;border-radius:17px;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:90px;padding:15px;display:grid}.cadre-stats article>span{color:#39798c;background:#e2f0f2;border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.cadre-stats article:nth-child(2)>span{color:#2e744e;background:#def0da}.cadre-stats article:nth-child(3)>span{background:#fff0c9}.cadre-stats article:nth-child(4)>span{background:#e5eee0}.cadre-stats small,.cadre-stats strong,.cadre-stats em{display:block}.cadre-stats small{color:var(--muted);font-size:8px}.cadre-stats strong{margin:3px 0;font-size:18px}.cadre-stats em{color:#84918d;font-size:7px;font-style:normal}.cadre-panel{background:#fff;border:1px solid #dce6e3;border-radius:20px;padding:22px}.cadre-panel-heading{justify-content:space-between;align-items:flex-end;gap:17px;margin-bottom:17px;display:flex}.cadre-panel-heading h2{margin:4px 0 0;font-size:18px}.cadre-panel-heading p{color:var(--muted);margin:4px 0 0;font-size:8px}.cadre-report-list{gap:11px;display:grid}.cadre-report-card{border:1px solid #e1e9e6;border-radius:16px;grid-template-columns:150px minmax(200px,1fr) minmax(145px,.55fr) auto;align-items:center;gap:15px;padding:13px;display:grid}.evidence-thumb{color:#58725e;text-align:center;background:linear-gradient(135deg,#dcead8,#eff4de);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:118px;display:flex;overflow:hidden}.evidence-thumb>span{font-size:32px}.evidence-thumb>small{margin-top:7px;font-size:7px;line-height:1.4}.evidence-thumb.has-evidence{background:#e2e9e5;display:block}.evidence-thumb img{object-fit:cover;width:100%;height:100%;display:block}.student-line{grid-template-columns:35px 1fr;align-items:center;gap:9px;display:grid}.student-line .student-avatar{width:35px;height:35px}.student-line strong,.student-line small{display:block}.student-line strong{font-size:10px}.student-line small{color:var(--muted);margin-top:3px;font-size:7px}.report-mission-label{color:#397184;text-transform:uppercase;background:#e1f0f2;border-radius:6px;margin-top:13px;padding:4px 6px;font-size:6px;font-weight:850;display:inline-block}.cadre-report-info h3{margin:6px 0 3px;font-size:12px}.cadre-report-info p{color:var(--muted);margin:0;font-size:7px;line-height:1.45}.report-checklist{background:#f6f8f5;border-radius:11px;gap:6px;padding:11px;display:grid}.report-checklist strong{margin-bottom:2px;font-size:8px}.report-checklist span{color:#5c7169;font-size:7px}.report-checklist em{color:#3f7b64;margin-top:4px;font-size:7px;font-style:normal;font-weight:850}.cadre-actions{gap:7px;min-width:108px;display:grid}.cadre-actions button{border-radius:9px;padding:9px;font-size:8px;font-weight:850}.cadre-actions .reject{color:#a14f40;background:#fff7f5;border:1px solid #e1bbb2}.cadre-actions .approve{color:#fff;background:#397b8e;border:1px solid #39798c}.cadre-rule-card{background:#fffced;border:1px solid #eadfae;border-radius:16px;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-top:16px;padding:15px;display:grid}.cadre-rule-card>span{background:#f5e6a5;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.cadre-rule-card strong{font-size:10px}.cadre-rule-card p{color:#756e55;margin:4px 0 0;font-size:8px;line-height:1.45}.toggle{background:#cbd4d0;border:0;border-radius:999px;width:34px;height:19px;padding:0;position:relative}.toggle i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.active{background:#48a36a}.toggle.active i{transform:translate(15px)}.fair-card{background:#fffdf0;position:relative;overflow:hidden}.fair-card:after{content:"";background:#f2df8d55;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-45px;right:-45px}.fair-icon{background:#f7e9ae;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:grid}.fair-card h2{margin:5px 0 13px;font-size:18px}.fair-card ul{z-index:2;color:#66746f;gap:8px;margin:0;padding-left:18px;font-size:8px;line-height:1.45;display:grid;position:relative}.fair-card p{z-index:2;color:#8a8059;border-top:1px solid #eee5bc;margin:15px 0 0;padding-top:12px;font-size:7px;position:relative}.mission-editor{background:#fff;border-radius:23px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #09322447}.mission-editor h2{margin:5px 0 20px;font-size:22px}.mission-editor label{color:#50665e;gap:6px;margin-top:13px;font-size:9px;font-weight:800;display:grid}.mission-editor input{width:100%;color:var(--ink);border:1px solid #dce3da;border-radius:10px;outline:none;padding:11px 12px}.mission-editor input:focus{border-color:#4ca36b;box-shadow:0 0 0 3px #dff1da}.editor-note{color:var(--muted);background:#f5f8ef;border-radius:10px;margin-top:13px;padding:10px;font-size:8px;line-height:1.5}@media (max-width:1120px){.teacher-stats{grid-template-columns:repeat(2,1fr)}.review-card{grid-template-columns:41px 1fr 58px auto}.request-mission{grid-area:2/1/auto/-1}}@media (max-width:850px){.teacher-shell{display:block}.teacher-sidebar{border-right:0;width:100%;height:auto;padding:15px 17px;position:static}.teacher-sidebar .brand{padding:0}.teacher-identity,.teacher-class-card{display:none}.teacher-nav{margin-top:14px;display:flex;overflow-x:auto}.teacher-nav a{min-width:max-content}.teacher-nav a:nth-child(n+4){display:none}.student-preview-link{margin:0;position:absolute;top:17px;right:17px}.teacher-main{padding:22px 17px 45px}.teacher-hero{grid-template-columns:1fr .65fr}.teacher-lower-grid{grid-template-columns:1fr}}@media (max-width:610px){.teacher-topbar{align-items:flex-start}.prototype-chip{display:none}.teacher-topbar h1{font-size:20px}.teacher-hero{grid-template-columns:1fr}.teacher-hero>div:first-child{padding:27px 24px 185px}.teacher-hero-art{border-radius:31px;width:120px;height:120px;position:absolute;bottom:25px;right:35px}.teacher-stats{grid-template-columns:1fr 1fr;gap:8px}.teacher-stats article{grid-template-columns:1fr;min-height:126px;padding:13px}.teacher-panel-heading{flex-direction:column;align-items:flex-start}.review-tabs{width:100%;overflow-x:auto}.review-card{grid-template-columns:38px 1fr auto}.request-mission{grid-column:1/-1}.request-points{grid-area:3/1}.review-actions,.review-result{grid-area:3/2/auto/-1;justify-self:end}.review-actions button{padding:8px}.student-preview-link{font-size:0}.student-preview-link:after{content:"← Siswa";font-size:9px}}@media (max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.lower-grid,.activity-list{grid-template-columns:1fr}}@media (max-width:780px){.app-shell{display:block}.sidebar{z-index:10;border-top:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;height:68px;padding:8px 12px;position:fixed;inset:auto 0 0}.brand,.eco-tip,.profile-wrap{display:none}.main-nav{grid-template-columns:repeat(5,1fr);gap:4px;width:100%;margin:0}.nav-item{text-align:center;flex-direction:column;gap:2px;padding:6px 2px;font-size:8px}.nav-item span{font-size:16px}.nav-item.active{box-shadow:none}.main-content{padding:22px 17px 90px}.hero-card{grid-template-columns:1fr}.hero-copy{padding:28px 25px 210px}.hero-visual{height:205px;min-height:0;position:absolute;bottom:0;left:0;right:0}.stats-grid{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}}@media (max-width:520px){.topbar{align-items:flex-start}.help-button span{display:none}.topbar h1{font-size:22px}.hero-copy h2{font-size:29px}.stats-grid{gap:9px}.stat-card{grid-template-columns:1fr;min-height:135px;padding:14px}.stat-icon{width:39px;height:39px}.leader-row{grid-template-columns:27px 35px 1fr auto;gap:8px;padding:6px}.waste-summary{grid-template-columns:1fr;justify-items:center}.waste-bars{width:100%}.badge-row{grid-template-columns:repeat(2,1fr)}.toast{text-align:center;bottom:82px;left:17px;right:17px}.weekly-report-summary{grid-template-columns:1fr;justify-items:center}.daily-report-bars{width:100%}.verification-note{grid-template-columns:34px 1fr}.verification-note a{grid-column:2}}@media (max-width:1180px){.cadre-stats{grid-template-columns:repeat(2,1fr)}.cadre-report-card{grid-template-columns:130px 1fr auto}.evidence-thumb{width:130px}.report-checklist{grid-column:2/-1}}@media (max-width:900px){.cadre-shell{display:block}.cadre-sidebar{width:100%;height:auto;padding:15px 17px;position:static}.cadre-sidebar .brand{padding:0}.cadre-identity,.identity-note{display:none}.cadre-nav{margin-top:14px;display:flex;overflow-x:auto}.cadre-nav a{min-width:max-content}.cadre-sidebar .student-preview-link{margin:0;position:absolute;top:17px;right:17px}.cadre-main{padding:22px 17px 45px}.cadre-panel-heading{flex-direction:column;align-items:flex-start}.teacher-management-grid{grid-template-columns:1fr}.teacher-monitor-row{grid-template-columns:41px 1fr auto}.teacher-monitor-row .request-mission{grid-column:1/-1}.teacher-monitor-row .assigned-cadre{grid-column:2}}@media (max-width:620px){.cadre-hero{grid-template-columns:1fr}.cadre-hero>div:first-child{padding:27px 24px 175px}.cadre-hero-art{width:115px;height:115px;position:absolute;bottom:25px;right:35px}.cadre-stats{grid-template-columns:1fr 1fr;gap:8px}.cadre-stats article{grid-template-columns:1fr;min-height:122px;padding:13px}.cadre-report-card{grid-template-columns:1fr}.evidence-thumb{width:100%;height:190px}.report-checklist{grid-column:1}.cadre-actions{grid-template-columns:1fr 1fr}.cadre-sidebar .student-preview-link{font-size:0}.cadre-sidebar .student-preview-link:after{content:"← Guru";font-size:9px}}.public-site{color:#173c33;background:#f6f7ef;min-height:100vh;overflow:hidden}.public-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #dee5d8d9;grid-template-columns:1fr auto auto auto;align-items:center;min-height:77px;padding:0 clamp(22px,5vw,74px);display:grid;position:sticky;top:0}.public-brand{color:#174f3c;align-items:center;gap:10px;width:max-content;text-decoration:none;display:inline-flex}.public-brand>span{background:#e1f1d7;border-radius:13px;place-items:center;width:39px;height:39px;font-size:21px;display:grid;transform:rotate(-4deg)}.public-brand strong,.public-brand small{display:block}.public-brand strong{color:#127348;letter-spacing:-.4px;font-size:16px}.public-brand small{color:#708079;margin-top:2px;font-size:8px}.public-header nav{align-items:center;gap:clamp(14px,2.6vw,34px);display:flex}.public-header nav a{color:#5f716a;font-size:9px;font-weight:700;text-decoration:none}.public-header nav a:hover{color:#117449}.public-login-button{color:#fff;background:#157e50;border-radius:10px;justify-self:end;align-items:center;gap:7px;padding:10px 14px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 7px 17px #157e5030}.audio-controls{align-items:center;gap:5px;display:inline-flex}.audio-controls audio{display:none}.audio-toggle{color:#557165;min-height:31px;font:inherit;cursor:pointer;background:#f7fbf4;border:1px solid #dbe8d6;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:7px;font-weight:850;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.audio-toggle:hover{border-color:#94bd8e;transform:translateY(-1px)}.audio-toggle.active{color:#1d744b;background:#e6f4df;border-color:#79b876}.audio-toggle.narration.active{color:#80621c;background:#fff5d2;border-color:#d9b65f}.audio-toggle .eco-svg-icon{width:14px;height:14px}.audio-controls.compact .audio-toggle{width:31px;padding:0}.audio-controls.compact .audio-toggle span{display:none}.public-hero{color:#fff;background:linear-gradient(118deg,#0d7047,#158c58 67%,#38a66b);grid-template-columns:1.05fr .95fr;min-height:570px;padding:69px clamp(28px,7vw,104px) 64px;display:grid;position:relative;overflow:hidden}.public-hero:before{content:"";opacity:.15;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0}.public-hero:after{content:"";background:#7dbc65;border-radius:50% 50% 0 0;width:60%;height:300px;position:absolute;bottom:-150px;right:-9%;transform:rotate(-6deg)}.public-hero-copy{z-index:3;align-self:center;position:relative}.public-eyebrow{letter-spacing:1.2px;background:#ffffff1c;border:1px solid #ffffff3d;border-radius:999px;padding:7px 11px;font-size:8px;font-weight:900;display:inline-block}.public-hero h1{letter-spacing:-3.2px;max-width:680px;margin:18px 0 15px;font-size:clamp(43px,6vw,75px);line-height:.98}.public-hero h1 em{color:#ffe67a;font-style:normal}.public-satria-expansion{color:#cae9d8;letter-spacing:.35px;max-width:570px;margin:-5px 0 14px;font-size:8px;font-weight:800;display:block}.public-hero-copy>p{color:#d9f2e5;max-width:620px;margin:0;font-size:12px;line-height:1.7}.public-hero-actions{gap:10px;margin-top:25px;display:flex}.public-hero-actions a{color:#fff;border:1px solid #ffffff52;border-radius:11px;align-items:center;gap:14px;padding:12px 16px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex}.public-hero-actions a:first-child{color:#0e7148;background:#fff;border-color:#fff}.public-live{color:#cceadc;align-items:center;gap:7px;margin-top:24px;font-size:8px;display:flex}.public-live i{background:#aaf184;border:2px solid #fff6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #aaf1841f}.public-hero-visual{z-index:3;min-height:430px;position:relative}.public-hero-art{pointer-events:none;place-items:center;display:grid;position:absolute;inset:-16% -16% -14% -8%}.public-hero-art img{filter:drop-shadow(0 24px 28px #033d273d);width:min(670px,58vw);height:auto;animation:.85s cubic-bezier(.2,.8,.2,1) both public-art-in;display:block}.public-orbit{border:1px solid #ffffff38;border-radius:50%;place-items:center;width:min(28vw,350px);height:min(28vw,350px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.public-orbit:before,.public-orbit:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute}.public-orbit:before{inset:-40px}.public-orbit:after{inset:48px}.public-orbit>span{background:#fff8c9;border:12px solid #ffffff2b;border-radius:50%;place-items:center;width:190px;height:190px;font-size:126px;display:grid;box-shadow:0 24px 55px #023a2340}.orbit-icon{background:#fff;border-radius:15px;place-items:center;width:47px;height:47px;font-size:22px;font-style:normal;display:grid;position:absolute;box-shadow:0 12px 25px #05422a33}.orbit-icon.bottle{top:12px;left:4px;transform:rotate(-12deg)}.orbit-icon.leaf{top:0;right:15px;transform:rotate(11deg)}.orbit-icon.recycle{bottom:49px;right:-17px}.orbit-icon.star{bottom:-11px;left:45px}.public-hero-badge{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#095534bd;border:1px solid #ffffff3d;border-radius:15px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:10px;right:2%;box-shadow:0 14px 30px #043b2533}.public-hero-badge>span{font-size:28px}.public-hero-badge>.public-badge-art{flex:none;place-items:center;width:42px;height:42px;display:grid}.public-badge-art img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000002e);width:100%;height:100%;display:block}.public-hero-badge small,.public-hero-badge strong,.public-hero-badge em{display:block}.public-hero-badge small{color:#cbe9da;font-size:7px}.public-hero-badge strong{margin-top:1px;font-size:16px}.public-hero-badge em{color:#ffe581;font-size:7px;font-style:normal;font-weight:900}.public-stats-wrap,.public-ranking-section,.public-program-section{padding:72px clamp(28px,7vw,104px)}.public-section-title>span,.public-ranking-heading>div>span,.public-how-copy>span{color:#168354;letter-spacing:1.3px;font-size:8px;font-weight:900}.public-section-title h2,.public-ranking-heading h2,.public-how h2{letter-spacing:-1.5px;margin:6px 0;font-size:clamp(27px,3.5vw,42px)}.public-section-title p,.public-ranking-heading p{color:#74827d;margin:0;font-size:10px;line-height:1.6}.public-section-title.center{text-align:center}.public-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:27px;display:grid}.public-stats-grid article{background:#fff;border:1px solid #e1e7dc;border-radius:18px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;min-height:114px;padding:17px;display:grid;box-shadow:0 10px 24px #274b3d0a}.public-stats-grid article>span{border-radius:14px;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.public-stats-grid .green{background:#e3f3dc}.public-stats-grid .blue{background:#dff0f4}.public-stats-grid .orange{background:#fff0d1}.public-stats-grid .purple{background:#eee4f6}.public-stats-grid small,.public-stats-grid strong,.public-stats-grid em{display:block}.public-stats-grid small{color:#74827d;font-size:8px}.public-stats-grid strong{letter-spacing:-.7px;margin:4px 0;font-size:23px}.public-stats-grid em{color:#31815c;font-size:7px;font-style:normal;font-weight:700}.public-ranking-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.public-period-switch{background:#e5eee0;border:1px solid #d7e4d2;border-radius:12px;gap:4px;padding:4px;display:flex}.public-period-switch button{color:#64766f;background:0 0;border:0;border-radius:9px;padding:8px 13px;font-size:8px;font-weight:800}.public-period-switch button.active{color:#14774b;background:#fff;box-shadow:0 4px 10px #2c4c3d1a}.public-date-chip{color:#536c61;background:#dae9d4;border-radius:999px;margin:20px 0 15px;padding:7px 10px;font-size:7px;font-weight:800;display:inline-block}.public-ranking-layout{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.public-class-board,.public-student-board{background:#fff;border:1px solid #dce6d8;border-radius:21px;padding:20px}.board-heading{align-items:center;gap:10px;margin-bottom:15px;display:flex}.board-heading>span{background:#e5f2de;border-radius:12px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.board-heading h3{margin:0;font-size:13px}.board-heading p{color:#7b8984;margin:3px 0 0;font-size:7px}.board-heading>b{color:#267651;background:#eef5ea;border-radius:8px;margin-left:auto;padding:6px 8px;font-size:7px}.public-class-list{gap:7px;display:grid}.public-class-list article{background:#fafbf8;border-radius:13px;grid-template-columns:28px 42px 1fr auto;align-items:center;gap:10px;min-height:59px;padding:8px 11px;display:grid}.public-class-list article.top{background:#f4f8ed;box-shadow:inset 3px 0 #7ead5e}.public-class-list article.top-1{background:#fff8df;box-shadow:inset 3px 0 #e7b83c}.public-rank-number{color:#51645d;background:#dce3df;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-weight:900;display:grid}.top-1 .public-rank-number{color:#775400;background:#f6c84d}.public-class-avatar{color:#26714e;background:#e0f0da;border-radius:12px;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.public-class-list strong,.public-class-list small{display:block}.public-class-list small{color:#80908a;margin-top:3px;font-size:7px}.public-class-list article>b{color:#18764b;white-space:nowrap;font-size:11px}.public-class-list article>b small{font-size:6px;display:inline}.public-class-podiums{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 15px;display:grid}.public-class-podium{text-align:center;background:linear-gradient(155deg,#f6faf0,#eaf3e4);border:1px solid #e0e8d9;border-radius:16px;align-content:center;justify-items:center;min-height:118px;padding:10px 5px;display:grid}.public-class-podium>span{color:#23764c;background:#dcefd5;border-radius:10px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.public-class-podium>small{color:#6a8175;letter-spacing:.6px;margin-top:7px;font-size:6px;font-weight:900}.public-class-podium>strong{color:#1e5e43;margin-top:3px;font-size:10px}.public-class-podium>b{color:#16754a;margin-top:4px;font-size:8px}.public-class-podium>b em{color:#789087;font-size:6px;font-style:normal;font-weight:700}.public-class-podium.class-place-1{background:linear-gradient(155deg,#fff9dd,#f9edbd);border-color:#eed58a}.public-class-podium.class-place-1>span{color:#71530e;background:#f4d66b}.public-class-podium.class-place-2>span{color:#59635d;background:#e8e9df}.public-class-podium.class-place-3>span{color:#805337;background:#f0ddcd}.public-student-board{flex-direction:column;display:flex}.public-podiums{flex:1;grid-template-columns:repeat(3,1fr);align-items:end;gap:7px;margin-top:13px;display:grid}.podium-place{text-align:center;background:linear-gradient(#f8f7ef,#eef4e9);border-radius:70px 70px 15px 15px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:217px;padding:13px 8px;display:flex;position:relative}.podium-place.place-1{background:linear-gradient(#fff5c8,#f6e9aa);min-height:247px}.podium-crown{margin-bottom:5px;font-size:24px}.podium-avatar{color:#26714e;background:#dff0d8;border:5px solid #fff;border-radius:50%;place-items:center;width:53px;height:53px;font-size:10px;font-weight:900;display:grid;box-shadow:0 6px 13px #294a3d21}.place-1 .podium-avatar{color:#7d5913;background:#ffe088;width:63px;height:63px}.podium-place small{color:#7b8a84;margin-top:2px;font-size:6px}.podium-place b{color:#157249;margin-top:6px;font-size:8px}.podium-place i{color:#fff;background:#168052;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-7px}.place-1 i{background:#d8a82c}.public-student-list-scroll{scrollbar-color:#9bc294 #eef5eb;scrollbar-width:thin;gap:5px;max-height:226px;margin-top:15px;padding:4px 4px 4px 0;display:grid;overflow-y:auto}.public-student-list-scroll article{background:#fafcf9;border:1px solid #0000;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:37px;padding:6px 8px;display:grid}.public-student-list-scroll article.is-podium{background:#fffaf0;border-color:#e9dfb1}.public-student-list-scroll article>span{color:#5f7468;background:#e5eee1;border-radius:7px;place-items:center;width:22px;height:22px;font-size:7px;font-weight:900;display:grid}.public-student-list-scroll article.is-podium>span{color:#70510d;background:#f3d978}.public-student-list-scroll strong,.public-student-list-scroll small{display:block}.public-student-list-scroll strong{color:#2b4f40;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.public-student-list-scroll small{color:#82918a;margin-top:2px;font-size:6px}.public-student-list-scroll article>b{color:#18764b;white-space:nowrap;font-size:8px}.public-student-list-scroll article>b em{color:#87948e;font-size:6px;font-style:normal;font-weight:700}.public-privacy-note{color:#65776f;background:#f4f8f1;border:1px dashed #cddfc7;border-radius:11px;margin-top:20px;padding:10px;font-size:7px;line-height:1.5}.public-program-showcase{background:linear-gradient(105deg,#eff8e9,#fbfdf8);border:1px solid #e1eadc;border-radius:22px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:18px;min-height:170px;margin-top:28px;display:grid;overflow:hidden;box-shadow:0 13px 28px #274b3d0f}.showcase-kicker{color:#2f895c;letter-spacing:1.1px;font-size:7px;font-weight:900}.public-program-showcase h3{color:#1c5b43;letter-spacing:-.7px;max-width:300px;margin:6px 0;font-size:20px}.public-program-showcase p{color:#6d8178;max-width:340px;margin:0;font-size:9px;line-height:1.55}.public-program-showcase img{object-fit:contain;object-position:bottom right;filter:drop-shadow(0 16px 20px #174e2e1f);place-self:end;width:min(100%,520px);max-height:240px;display:block}.public-articles-section{background:#f7faf4;padding:72px clamp(28px,7vw,104px)}.public-articles-layout{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:18px;margin-top:28px;display:grid}.public-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.public-article-card{min-height:148px;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8dc;border-radius:17px;grid-template-columns:116px minmax(0,1fr);gap:13px;padding:11px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;box-shadow:0 9px 20px #284d360d}.public-article-card:hover{border-color:#b9d6ae;transform:translateY(-3px);box-shadow:0 15px 28px #284d361c}.public-article-image{color:#398458;background:linear-gradient(145deg,#e2f1da,#f4f7e6);border-radius:12px;place-items:center;min-height:124px;font-size:30px;display:grid;overflow:hidden}.public-article-image img{object-fit:cover;width:100%;height:100%}.public-article-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.public-article-copy small{color:#789087;font-size:6px;line-height:1.35}.public-article-copy strong{color:#1d5d43;margin-top:6px;font-size:12px;line-height:1.25}.public-article-copy p{color:#6f8178;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:8px;line-height:1.5;display:-webkit-box;overflow:hidden}.public-article-copy em{color:#17794d;align-items:center;gap:5px;margin-top:auto;padding-top:9px;font-size:7px;font-style:normal;font-weight:900;display:inline-flex}.public-article-copy em .eco-svg-icon{width:11px;height:11px}.public-article-empty{color:#6f8178;text-align:center;border:1px dashed #cbdcc5;border-radius:15px;grid-column:1/-1;padding:30px;font-size:9px}.public-book-link{color:#205c42;background:linear-gradient(135deg,#e6f3df,#fbfdf8);border:1px solid #dce8d7;border-radius:17px;grid-template-columns:43px 1fr 18px;align-items:center;gap:11px;min-height:106px;padding:16px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:grid;box-shadow:0 10px 22px #284d360d}.public-book-link:hover{transform:translateY(-3px);box-shadow:0 15px 28px #284d361a}.public-book-link>span{color:#27784d;background:#cde8c4;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.public-book-link>div{min-width:0}.public-book-link small,.public-book-link strong,.public-book-link p{display:block}.public-book-link small{color:#39815e;letter-spacing:.8px;font-size:6px;font-weight:900}.public-book-link strong{margin-top:5px;font-size:10px;line-height:1.2}.public-book-link p{color:#71827a;margin:4px 0 0;font-size:7px;line-height:1.45}.public-book-link>.eco-svg-icon{color:#3b865e}.public-article-modal{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a2a1f94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.public-article-modal article{background:#fff;border-radius:20px;width:min(570px,100%);max-height:min(720px,90vh);padding:22px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0427194d}.public-article-modal img{object-fit:cover;border-radius:13px;width:100%;max-height:230px;margin:-4px 0 16px;display:block}.public-article-modal small{color:#708279;font-size:7px}.public-article-modal h2{color:#1b5d42;margin:7px 42px 10px 0;font-size:22px;line-height:1.18}.public-article-modal p{color:#5f7269;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.7}.public-article-close{color:#377653;cursor:pointer;background:#edf5e9;border:0;border-radius:10px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:14px;right:14px}.public-habits{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.public-habits article{background:#fafcf8;border:1px solid #e1e8de;border-radius:18px;grid-template-columns:67px 1fr;align-items:center;gap:14px;min-height:143px;padding:18px;display:grid;position:relative;overflow:hidden}.public-habits article>span{background:#e4f1dd;border-radius:19px;place-items:center;width:67px;height:67px;font-size:34px;display:grid}.public-habits small{color:#39805e;letter-spacing:.8px;font-size:6px;font-weight:900}.public-habits h3{margin:4px 0;font-size:12px}.public-habits p{color:#71817a;margin:0;font-size:7px;line-height:1.5}.public-habits article>i{color:#19754a;background:#e1f1da;border-radius:7px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:10px;right:10px}.public-how{color:#fff;background:#153f35;grid-template-columns:.72fr 1.28fr;align-items:center;gap:40px;padding:67px clamp(28px,7vw,104px);display:grid}.public-how-copy p{color:#bfd7ce;margin:8px 0 20px;font-size:9px;line-height:1.6}.public-how-copy a{color:#5e4c11;background:#ffe682;border-radius:10px;padding:10px 14px;font-size:8px;font-weight:900;text-decoration:none;display:inline-block}.public-role-flow{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:5px;display:grid}.public-role-flow article{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:15px;min-height:149px;padding:14px}.public-role-flow article>span{background:#ffffff1f;border-radius:11px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.public-role-flow small,.public-role-flow strong{display:block}.public-role-flow small{color:#9bcbb7;margin-top:12px;font-size:6px;font-weight:900}.public-role-flow p{color:#b9cfc6;margin:5px 0 0;font-size:7px;line-height:1.45}.public-role-flow>i{color:#76a895;font-size:13px;font-style:normal}.public-cta{color:#5c4811;background:linear-gradient(105deg,#f4cd53,#ffe58c);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin:55px clamp(28px,7vw,104px);padding:28px 34px;display:flex}.public-cta>div{grid-template-columns:50px 1fr;align-items:center;column-gap:12px;display:grid}.public-cta>div>span{grid-row:1/3;font-size:40px}.public-cta h2{margin:0;font-size:22px}.public-cta p{margin:3px 0 0;font-size:8px}.public-cta>a{color:#fff;background:#153f35;border-radius:11px;padding:12px 16px;font-size:8px;font-weight:900;text-decoration:none}.public-footer{background:#fff;border-top:1px solid #dee6db;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:27px clamp(28px,7vw,104px);display:grid}.public-footer p,.public-footer>small{color:#74837d;font-size:7px}.public-footer p{text-align:center}.login-page{background:#f6f7f1;grid-template-columns:.9fr 1.1fr;min-height:100vh;display:grid}.login-brand-side{color:#fff;background:linear-gradient(145deg,#0d7047,#168e59);flex-direction:column;min-height:100vh;padding:35px clamp(32px,5vw,70px);display:flex;position:relative;overflow:hidden}.login-brand-side:before{content:"";opacity:.14;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.login-brand-side .public-brand{z-index:2;position:relative}.login-brand-side .public-brand strong{color:#fff}.login-brand-side .public-brand small{color:#d3eadd}.login-brand-side>.audio-controls{z-index:4;align-self:flex-end;margin-top:-35px;position:relative}.login-brand-side>.audio-controls .audio-toggle{color:#e0f4e6;background:#ffffff1f;border-color:#ffffff40}.login-brand-side>.audio-controls .audio-toggle.active{color:#fff;background:#ffffff40}.login-illustration{z-index:2;flex:1;min-height:300px;position:relative}.login-earth{filter:drop-shadow(0 23px 20px #043f263d);font-size:clamp(110px,14vw,180px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.login-earth img{width:min(440px,35vw);height:auto;display:block}.login-sun{background:#ffe687;border-radius:50%;place-items:center;width:62px;height:62px;font-size:31px;display:grid;position:absolute;top:14%;right:8%}.login-leaf{font-size:36px;position:absolute}.login-leaf.one{top:26%;left:10%;transform:rotate(-15deg)}.login-leaf.two{bottom:22%;right:12%}.login-illustration>i{background:#ffffff21;border:1px solid #ffffff42;border-radius:19px;place-items:center;width:65px;height:65px;font-size:34px;font-style:normal;display:grid;position:absolute;bottom:15%;left:17%}.login-message{z-index:2;position:relative}.login-message>span{color:#b9e1cd;letter-spacing:1.2px;font-size:7px;font-weight:900}.login-message h1{letter-spacing:-2px;margin:9px 0;font-size:clamp(36px,4.6vw,56px);line-height:1.02}.login-message p{color:#cce5d8;max-width:450px;margin:0;font-size:9px;line-height:1.6}.login-side-footer{z-index:2;color:#b6d7c8;border-top:1px solid #ffffff26;margin-top:31px;padding-top:15px;font-size:7px;position:relative}.login-form-side{place-items:center;padding:37px;display:grid}.login-card{width:min(620px,100%)}.login-back{color:#597069;margin-bottom:27px;font-size:8px;font-weight:800;text-decoration:none;display:inline-block}.login-kicker{color:#168153;letter-spacing:1.2px;font-size:7px;font-weight:900}.login-card>h2{letter-spacing:-1.4px;margin:6px 0 4px;font-size:clamp(28px,3vw,39px)}.login-lead{color:#74827d;margin:0;font-size:9px}.login-role-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:21px 0;display:grid}.login-role-grid button{color:#304f45;text-align:center;background:#fff;border:1px solid #dfe6dc;border-radius:14px;min-height:112px;padding:12px 8px;transition:border-color .2s,background .2s,transform .2s}.login-role-grid button:hover{transform:translateY(-2px)}.login-role-grid button.active{background:#eaf6e5;border-color:#42a16a;box-shadow:inset 0 0 0 1px #42a16a}.login-role-grid button>span{font-size:25px;display:block}.login-role-grid button>.login-role-art-wrap{background:#e5f2de;border-radius:14px;place-items:end center;width:48px;height:48px;margin:0 auto;display:grid;overflow:hidden}.login-role-art{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 4px #194d3124);width:100%;height:100%;display:block}.login-role-grid button.active>.login-role-art-wrap{background:#d8eed0}.login-role-grid strong,.login-role-grid small{display:block}.login-role-grid strong{margin-top:7px;font-size:9px}.login-role-grid small{color:#7b8984;margin-top:3px;font-size:6px;line-height:1.35}.login-form{background:#fff;border:1px solid #dfe6dc;border-radius:17px;padding:18px;box-shadow:0 16px 37px #2244370f}.selected-role-line{border-bottom:1px solid #edf0eb;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;display:grid}.selected-role-line>span{background:#e5f2de;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.selected-role-line>.login-role-art-wrap{overflow:hidden}.selected-role-line strong,.selected-role-line small{display:block}.selected-role-line strong{font-size:9px}.selected-role-line small{color:#7d8b86;margin-top:2px;font-size:7px}.selected-role-line button{color:#168153;background:0 0;border:0;font-size:7px;font-weight:900}.login-form>label{color:#526860;gap:6px;margin-top:11px;font-size:8px;font-weight:800;display:grid}.login-form>label>div{background:#fafcf8;border:1px solid #dce4d9;border-radius:10px;grid-template-columns:35px 1fr;align-items:center;display:grid;overflow:hidden}.login-form>label>div>span{text-align:center}.login-form input{color:#29483e;min-height:39px;font:inherit;background:0 0;border:0;outline:0;padding:0 9px 0 0;font-size:9px}.login-error{color:#a44a39;background:#fff0ed;border-radius:9px;margin-top:10px;padding:9px;font-size:7px}.login-submit{color:#fff;background:#157e50;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:42px;margin-top:14px;padding:0 14px;font-size:9px;font-weight:900;display:flex}.prototype-login-note{background:#fffceb;border:1px dashed #d9e0c1;border-radius:12px;gap:10px;margin-top:12px;padding:11px;display:flex}.prototype-login-note>span{font-size:18px}.prototype-login-note p{margin:0}.prototype-login-note strong,.prototype-login-note small{display:block}.prototype-login-note strong{font-size:8px}.prototype-login-note small{color:#777c69;margin-top:3px;font-size:7px;line-height:1.45}.auth-loading{color:#23684b;background:#f5f7f1;align-content:center;place-items:center;gap:8px;min-height:100vh;display:grid}.auth-loading span{font-size:42px}.auth-loading strong{font-size:10px}.password-change-screen{padding:24px}.password-change-card{text-align:left;background:#fff;border:1px solid #d2e5d6;border-radius:28px;gap:14px;width:min(100%,460px);padding:34px;display:grid;box-shadow:0 22px 70px #265b3b24}.password-change-card h1{color:#173f34;margin:0;font-size:clamp(1.55rem,4vw,2.1rem)}.password-change-card p{color:#6b7f75;margin:0 0 8px;line-height:1.6}.password-change-card label{color:#31594a;gap:7px;font-size:.88rem;font-weight:700;display:grid}.password-change-card input{width:100%;font:inherit;color:#173f34;background:#fbfefb;border:1px solid #cfe0d3;border-radius:12px;outline:none;padding:13px 14px}.password-change-card input:focus{border-color:#269368;box-shadow:0 0 0 3px #2693681f}.password-change-icon{color:#24845f;background:#e4f6dd;border-radius:17px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.password-change-signout{color:#6d8178;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.password-change-signout:hover{color:#1c6f51}.admin-class-setup{background:linear-gradient(120deg,#fffdf7,#fff8e9);border-color:#e8d7b7;margin-bottom:15px}.class-setup-heading{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;display:grid}.class-step-number{color:#fff;background:#e3aa47;border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid;box-shadow:0 7px 15px #b177182e}.class-setup-heading>div:nth-child(2)>span{color:#a16a12;letter-spacing:1.1px;font-size:7px;font-weight:900}.class-setup-heading h2{margin:4px 0 3px;font-size:17px}.class-setup-heading p{color:#7e8176;margin:0;font-size:8px}.class-setup-heading>b{color:#865e17;background:#ffedbd;border-radius:9px;padding:7px 10px;font-size:8px}.class-count-form{background:#fff;border:1px solid #eddfc5;border-radius:13px;gap:11px;margin-top:16px;padding:13px;display:grid}.class-count-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.class-count-grid label{color:#5c6b65;background:#fffdf7;border:1px solid #e6e4d9;border-radius:10px;gap:5px;padding:9px;font-size:7px;font-weight:800;display:grid}.class-count-grid input{color:#845d19;min-height:38px;font:inherit;border:1px solid #dddfd4;border-radius:9px;padding:0 10px;font-size:15px;font-weight:900}.class-count-grid small{color:#8a927f;font-size:7px;font-weight:700}.class-count-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.class-count-actions>span{color:#7b8984;font-size:7px}.class-count-actions button{color:#fff;background:#9a6517;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-size:8px;font-weight:900}.class-group-editor{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.class-group-editor label{background:#fff;border:1px solid #e6e4d9;border-radius:10px;gap:4px;padding:8px;display:grid}.class-group-editor span{color:#83908b;font-size:6px}.class-group-editor input{color:#205b42;width:100%;font:inherit;border:0;outline:0;font-size:11px;font-weight:900}.class-setup-note{color:#777f75;margin-top:10px;font-size:7px;line-height:1.5}@media (max-width:980px){.public-header{grid-template-columns:1fr auto auto;gap:8px}.public-header nav{display:none}.public-hero{grid-template-columns:1fr;padding-bottom:500px}.public-hero-visual{min-height:410px;position:absolute;bottom:40px;left:0;right:0}.public-orbit{width:300px;height:300px}.public-ranking-layout{grid-template-columns:1fr}.public-stats-grid{grid-template-columns:1fr 1fr}.public-habits,.public-how,.login-page{grid-template-columns:1fr}.login-brand-side{min-height:520px}.class-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.class-group-editor{grid-template-columns:repeat(4,1fr)}}@media (max-width:650px){.public-header{min-height:68px;padding:0 17px}.public-header .public-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.public-login-button{padding:9px 10px;font-size:0}.public-login-button span{font-size:14px}.public-hero{min-height:760px;padding:48px 20px 390px}.public-hero h1{font-size:46px}.public-hero-actions{flex-direction:column;align-items:stretch}.public-hero-actions a{justify-content:space-between}.public-hero-visual{min-height:340px}.public-hero-art{inset:-5% -20% -8%}.public-hero-art img{width:min(660px,118vw)}.public-orbit{width:245px;height:245px}.public-orbit>span{width:140px;height:140px;font-size:91px}.public-hero-badge{bottom:8px;right:16px}.public-stats-wrap,.public-ranking-section,.public-program-section{padding:50px 17px}.public-stats-grid{gap:8px}.public-stats-grid article{grid-template-columns:1fr;min-height:145px;padding:13px}.public-ranking-heading{flex-direction:column;align-items:flex-start}.public-period-switch{width:100%;overflow-x:auto}.public-period-switch button{white-space:nowrap;flex:1}.public-class-board,.public-student-board{padding:14px}.public-class-list article{grid-template-columns:26px 36px 1fr auto;gap:7px;padding:7px}.public-class-avatar{width:35px;height:35px}.public-class-list article>b{font-size:9px}.public-podiums{gap:4px}.podium-place{min-height:195px;padding:9px 4px}.podium-place.place-1{min-height:225px}.podium-avatar{width:44px;height:44px}.place-1 .podium-avatar{width:52px;height:52px}.public-how{padding:50px 17px}.public-program-showcase{grid-template-columns:1fr;min-height:0}.public-program-showcase>div{padding:20px 20px 0}.public-program-showcase img{width:100%;max-height:210px}.public-role-detail.has-art{grid-template-columns:62px 1fr}.public-role-detail-art{width:62px;height:62px}.public-role-flow{grid-template-columns:1fr}.public-role-flow>i{text-align:center;transform:rotate(90deg)}.public-role-flow article{min-height:auto}.public-cta{flex-direction:column;align-items:flex-start;margin:35px 17px;padding:22px}.public-cta>a{text-align:center;width:100%}.public-footer{grid-template-columns:1fr;padding:25px 17px}.public-footer p{text-align:left}.login-brand-side{min-height:430px;padding:25px 20px}.login-illustration{min-height:190px}.login-earth{font-size:110px}.login-message h1{font-size:38px}.login-form-side{padding:32px 17px}.login-role-grid{grid-template-columns:1fr 1fr}.class-setup-heading{grid-template-columns:44px 1fr}.class-setup-heading>b{grid-column:2;justify-self:start}.class-count-form{grid-template-columns:1fr}.class-count-actions{flex-direction:column;align-items:stretch}.class-group-editor{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:no-preference){.podium{animation:3.5s ease-in-out infinite float}.spark{animation:1.8s ease-in-out infinite alternate twinkle}@keyframes float{50%{transform:translateY(-7px)}}@keyframes twinkle{to{opacity:.25;transform:scale(.7)}}}.eco-student-shell,.role-shell{background:#f5f7f1;grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.eco-sidebar,.role-sidebar{z-index:10;background:#fff;border-right:1px solid #e3e9df;flex-direction:column;height:100vh;padding:27px 20px 19px;display:flex;position:sticky;top:0}.eco-user-card,.role-identity{background:#f1f7ed;border-radius:16px;align-items:center;gap:11px;margin:31px 2px 21px;padding:13px;display:flex}.eco-user-card>span,.role-identity>span{color:#765113;background:#f9cb79;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.eco-user-card strong,.eco-user-card small,.role-identity strong,.role-identity small{display:block}.eco-user-card strong,.role-identity strong{font-size:11px}.eco-user-card small,.role-identity small{color:#71817c;margin-top:3px;font-size:8px;line-height:1.4}.eco-nav,.role-nav{gap:6px;display:grid}.eco-nav a,.role-nav a{color:#61736d;border-radius:11px;align-items:center;gap:12px;min-height:41px;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.eco-nav a.active,.role-nav a.active,.eco-nav a:hover,.role-nav a:hover{color:#087247;background:#e7f4e2}.role-nav a b{color:#6d4691;background:#e9dff5;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:8px;display:grid}.role-settings-trigger{color:#61736d;width:100%;min-height:41px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;margin-top:12px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.role-settings-trigger:hover{color:#087247;background:#e7f4e2}.role-settings-trigger .eco-svg-icon{width:18px;height:18px}.admin-role-sidebar .role-settings-trigger:hover{color:#8f5b12;background:#fff1d9}.cadre-role-sidebar .role-settings-trigger:hover{color:#644288;background:#eee7f6}.account-settings-backdrop{z-index:120;background:#122a1f70;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.account-settings-dialog{background:#fff;border:1px solid #d9e7d5;border-radius:22px;width:min(100%,450px);padding:28px;position:relative;box-shadow:0 24px 80px #1c4a3238}.account-settings-close{color:#61736d;cursor:pointer;background:#f0f5ee;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.account-settings-close:hover{color:#167e50;background:#e5efe1}.account-settings-dialog h2{color:#173f34;margin:7px 0 0;font-size:24px}.account-settings-dialog>p{color:#6b7f75;margin:8px 0 0;font-size:13px;line-height:1.55}.account-settings-dialog form{gap:12px;margin-top:19px;display:grid}.account-settings-dialog label{color:#31594a;gap:6px;font-size:12px;font-weight:800;display:grid}.account-settings-dialog input{color:#173f34;width:100%;min-height:44px;font:inherit;background:#fbfefb;border:1px solid #cfe0d3;border-radius:11px;outline:none;padding:10px 12px}.account-settings-dialog input:focus{border-color:#269368;box-shadow:0 0 0 3px #2693681f}.account-settings-submit{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#167e50;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:900;display:inline-flex}.account-settings-submit:hover{background:#126b44}.account-settings-submit:disabled{cursor:wait;opacity:.65}.account-settings-message{border-radius:10px;align-items:flex-start;gap:7px;padding:10px 11px;font-size:11px;line-height:1.45;display:flex}.account-settings-message.error{color:#a04736;background:#fff0ed}.account-settings-message.success{color:#21764d;background:#eaf7e9}.eco-tip-card{background:#fffbea;border:1px solid #f0e2ab;border-radius:16px;margin-top:auto;padding:15px}.eco-tip-card>span{margin-bottom:6px;display:block}.eco-tip-card strong{font-size:10px}.eco-tip-card p{color:#74817c;margin:5px 0 0;font-size:8px;line-height:1.55}.eco-profile-wrap{margin-top:13px;position:relative}.eco-profile-wrap>button{color:#66756f;text-align:left;background:0 0;border:0;border-top:1px solid #e6ebe3;width:100%;padding:10px;font-size:9px;font-weight:800}.eco-profile-wrap>button span{float:right}.eco-profile-menu{background:#fff;border:1px solid #e1e8de;border-radius:12px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 5px);left:0;right:0;box-shadow:0 16px 35px #183a3326}.eco-profile-menu a{color:#4f635d;border-radius:8px;padding:8px;font-size:9px;text-decoration:none}.eco-profile-menu a:hover{background:#f0f7ed}.eco-main,.role-main{min-width:0;padding:27px 39px 48px}.eco-topbar,.role-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px;display:flex}.eco-topbar p,.role-topbar p{color:#87938f;margin:0 0 4px;font-size:9px;font-weight:600}.eco-topbar h1,.role-topbar h1{letter-spacing:-.8px;margin:0;font-size:24px}.eco-topbar>div:last-child,.role-topbar>div:last-child{align-items:center;gap:10px;display:flex}.eco-role-chip,.role-chip{color:#168354;background:#e7f3df;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900}.role-chip.purple{color:#694691;background:#ede5f8}.role-chip.orange{color:#986416;background:#fff0d4}.eco-topbar button,.role-topbar button{background:#fff;border:1px solid #e0e7de;border-radius:11px;width:37px;height:37px;position:relative}.eco-topbar button i{background:#ef7057;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.eco-topbar .audio-toggle,.role-topbar .audio-toggle{background:#f7fbf4;border:1px solid #dbe8d6;border-radius:9px;width:auto;height:auto;min-height:31px;position:static}.eco-hero,.role-hero{color:#fff;background:linear-gradient(125deg,#0b7248,#1e9a61);border-radius:25px;grid-template-columns:1.6fr .75fr;min-height:265px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #14653f24}.eco-hero:after,.role-hero:after{content:"";opacity:.14;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:23px 23px;position:absolute;inset:0}.eco-hero>div:first-child,.role-hero>div:first-child{z-index:2;padding:34px 39px;position:relative}.eco-pill,.role-hero>div:first-child>span{letter-spacing:.8px;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:900;display:inline-block}.eco-hero h2,.role-hero h2{letter-spacing:-1.5px;margin:16px 0 10px;font-size:clamp(27px,3vw,39px);line-height:1.08}.eco-hero p,.role-hero p{color:#ddf2e7;max-width:610px;margin:0 0 21px;font-size:11px;line-height:1.6}.eco-hero a,.role-hero a{color:#087247;background:#fff;border-radius:10px;align-items:center;gap:13px;padding:10px 15px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex}.eco-hero-art,.role-hero-visual{z-index:2;min-height:265px;position:relative}.eco-earth{filter:drop-shadow(0 13px 9px #03412838);font-size:94px;position:absolute;bottom:61px;right:25%}.eco-hero-art>b,.eco-hero-art>small,.role-hero-visual>b,.role-hero-visual>small{z-index:3;text-align:center;display:block;position:absolute}.eco-hero-art>b{color:#176744;background:#fff8c7;border:5px solid #f5da65;border-radius:50%;place-items:center;width:64px;height:64px;font-size:23px;display:grid;bottom:39px;right:15%}.eco-hero-art>small{font-size:8px;font-weight:900;bottom:24px;right:18%}.eco-leaf{font-size:28px;position:absolute}.leaf-a{top:45px;right:18%;transform:rotate(20deg)}.leaf-b{bottom:40px;left:7%}.eco-stats,.role-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0;display:grid}.eco-stats article,.role-stats article{background:#fff;border:1px solid #e1e8de;border-radius:17px;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:11px;min-height:102px;padding:16px;display:grid}.eco-stats article>span,.role-stats article>span{border-radius:13px;place-items:center;width:45px;height:45px;font-size:20px;display:grid}.mint{background:#e2f3de}.sky{background:#e0f1f5}.amber{background:#fff0d1}.violet{background:#eee5f6}.eco-stats small,.eco-stats strong,.eco-stats em,.role-stats small,.role-stats strong,.role-stats em{display:block}.eco-stats small,.role-stats small{color:#75837e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.eco-stats strong,.role-stats strong{letter-spacing:-.7px;margin:3px 0;font-size:20px}.eco-stats em,.role-stats em{color:#398159;font-size:8px;font-style:normal;font-weight:600}.eco-two-column{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:17px;display:grid}.eco-panel,.role-panel{background:#fff;border:1px solid #e1e8de;border-radius:20px;padding:21px}.eco-panel-head,.eco-ranking-head,.role-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.eco-panel-head>div>span,.eco-ranking-head>div>span,.role-panel-heading>div>span{color:#198958;letter-spacing:1.2px;font-size:7px;font-weight:900}.eco-panel-head h2,.eco-ranking-head h2,.role-panel-heading h2{letter-spacing:-.45px;margin:4px 0 3px;font-size:16px}.eco-panel-head p,.eco-ranking-head p,.role-panel-heading p{color:#7c8984;margin:0;font-size:8px;line-height:1.45}.eco-progress-chip{color:#117449;white-space:nowrap;background:#e6f4e1;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.eco-habit-list{gap:8px;display:grid}.eco-habit-list article{background:#fafbf8;border:1px solid #edf0ea;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;min-height:69px;padding:10px 12px;display:grid}.eco-habit-list article.done{background:#f1f8ed;border-color:#cfe4c8}.eco-habit-icon{background:#e4f0db;border-radius:12px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.eco-habit-list strong,.eco-habit-list small{display:block}.eco-habit-list strong{font-size:10px}.eco-habit-list small{color:#7b8984;margin-top:4px;font-size:8px}.eco-habit-status{color:#71807b;background:#eef0ec;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:900}.done .eco-habit-status{color:#147047;background:#dcefd6}.eco-info-line{color:#687a74;border:1px dashed #d9e5d4;border-radius:11px;margin-top:11px;padding:10px;font-size:8px;line-height:1.45}.eco-upload-panel{text-align:center}.eco-upload-panel .eco-panel-head{text-align:left}.eco-points-bubble{color:#886117;background:#fff0b9;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:grid}.eco-upload-illustration{background:linear-gradient(135deg,#eaf5e5,#e0f0d8);border-radius:16px;height:105px;margin:3px 0 7px;position:relative}.eco-upload-illustration>span{place-items:center;height:100%;font-size:55px;display:grid}.eco-upload-illustration>div,.eco-upload-illustration>i{font-size:22px;font-style:normal;position:absolute}.eco-upload-illustration>div{bottom:18px;left:23%;transform:rotate(-12deg)}.eco-upload-illustration>i{top:15px;right:22%}.eco-upload-panel h3{margin:10px 0 5px;font-size:12px}.eco-upload-panel>p{color:#73817c;margin:0 auto 14px;font-size:8px;line-height:1.55}.eco-upload-panel>button{color:#fff;background:#148653;border:0;border-radius:10px;width:100%;padding:11px;font-size:9px;font-weight:900;box-shadow:0 8px 18px #1486532e}.eco-upload-panel>button:disabled{background:#9aaaa4}.eco-upload-panel>small{color:#8a9692;margin-top:8px;font-size:7px;display:block}.eco-ranking{margin-top:17px}.eco-ranking-head{align-items:center}.eco-period-tabs,.cadre-tabs{background:#f0f3ee;border-radius:11px;gap:4px;padding:4px;display:flex}.eco-period-tabs button,.cadre-tabs button{color:#70807a;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:8px;font-weight:800}.eco-period-tabs button.active,.cadre-tabs button.active{color:#0e754a;background:#fff;box-shadow:0 3px 9px #2a453c1a}.eco-period-caption{color:#64766f;margin:-3px 0 13px;font-size:8px;font-weight:700}.eco-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.eco-ranking-card{background:#fbfcf9;border:1px solid #e8ece5;border-radius:15px;padding:15px}.eco-ranking-card>div:first-child h3{margin:0;font-size:11px}.eco-ranking-card>div:first-child p{color:#7b8984;margin:3px 0 12px;font-size:7px}.eco-rank-list{gap:6px;display:grid}.eco-rank-list>div{background:#fff;border-radius:10px;grid-template-columns:25px 34px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:47px;padding:5px 6px;display:grid}.eco-rank-list>div.highlight{background:#eaf6e5;box-shadow:inset 2px 0 #2d9159}.eco-medal{color:#4f625c;background:#dbe2df;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-weight:900;display:grid}.medal-1{color:#7b5600;background:#f7c644}.medal-2{color:#465955;background:#bcc8c5}.medal-3{color:#6b3b19;background:#e0a477}.eco-mini-avatar{color:#27714c;background:#e7f1df;border-radius:10px;place-items:center;width:32px;height:32px;font-size:8px;font-weight:900;display:grid}.eco-rank-list strong,.eco-rank-list small{display:block}.eco-rank-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.eco-rank-list small{color:#88938f;margin-top:2px;font-size:6px}.eco-rank-list b{color:#196d49;white-space:nowrap;font-size:9px}.eco-flow{background:#eef7ea;border:1px solid #dce7d7;border-radius:18px;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center;gap:4px;margin-top:17px;padding:16px 20px;display:grid}.eco-flow>div{grid-template-columns:28px 1fr;align-items:center;column-gap:9px;display:grid}.eco-flow>div>span{color:#fff;background:#178655;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:8px;font-weight:900;display:grid}.eco-flow strong{font-size:8px}.eco-flow small{color:#72817c;font-size:7px}.eco-flow i{color:#83a18f;text-align:center;font-style:normal}.eco-upload-modal{background:#fff;border-radius:21px;width:min(510px,100vw - 30px);max-height:calc(100vh - 30px);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 80px #14352b40}.eco-upload-modal h2{margin:5px 0;font-size:21px}.eco-upload-modal>p{color:#75837e;margin:0 0 14px;font-size:9px}.eco-file-drop{text-align:center;background:#f3f8ef;border:2px dashed #bcd5b4;border-radius:15px;align-content:center;place-items:center;gap:6px;min-height:175px;display:grid;position:relative;overflow:hidden}.eco-file-drop>span{font-size:32px}.eco-file-drop strong{font-size:10px}.eco-file-drop small{color:#81908a;font-size:8px}.eco-file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.eco-file-drop.ready{border-style:solid}.eco-file-drop img{object-fit:cover;width:100%;height:210px}.eco-file-result{color:#137148;background:#e8f5e3;border-radius:9px;justify-content:space-between;margin:8px 0;padding:8px 10px;font-size:8px;display:flex}.eco-upload-error{color:#a04432;background:#fff0ed;border-radius:9px;margin:8px 0;padding:9px;font-size:8px}.eco-note-label{color:#52665f;gap:6px;margin:13px 0;font-size:9px;font-weight:800;display:grid}.eco-note-label textarea{resize:vertical;color:#29463d;min-height:76px;font:inherit;border:1px solid #dce4d9;border-radius:11px;padding:10px;font-size:9px}.eco-upload-modal .primary-button{color:#fff;background:#148653;border:0;border-radius:10px;width:100%;padding:11px;font-size:9px;font-weight:900}.eco-upload-modal .primary-button:disabled{background:#a7b6b0}.eco-modal-foot{color:#84908c;text-align:center;margin-top:8px;font-size:7px;display:block}.role-login-card{background:#f8fbf5;border:1px solid #d7e7d1;border-radius:12px;align-items:center;gap:9px;margin:-12px 2px 21px;padding:9px 11px;display:flex}.role-login-card>span{font-size:17px}.role-login-card strong,.role-login-card small{display:block}.role-login-card strong{font-size:8px}.role-login-card small{color:#71817b;margin-top:2px;font-size:7px}.role-boundary{background:#f6f9f3;border:1px solid #dfe8dc;border-radius:15px;margin-top:auto;padding:14px}.role-boundary strong{font-size:9px}.role-boundary p{color:#71817b;margin:5px 0 0;font-size:7px;line-height:1.55}.role-switch{justify-content:space-between;margin-top:14px;display:flex}.role-switch a{color:#277453;font-size:8px;font-weight:800;text-decoration:none}.teacher-role-hero{background:linear-gradient(125deg,#155f6b,#1d8990)}.cadre-role-hero{background:linear-gradient(125deg,#563c82,#8361ad)}.admin-role-hero{background:linear-gradient(125deg,#885714,#cf8430)}.role-hero-visual>span{z-index:2;background:#ffffffe6;border:7px solid #ffffff4d;border-radius:27px;place-items:center;width:112px;height:112px;font-size:54px;display:grid;position:absolute;bottom:74px;right:26%;transform:rotate(4deg);box-shadow:0 18px 28px #133a3f2e}.role-hero-visual>b{color:#785616;background:#fff4b9;border-radius:50%;place-items:center;width:56px;height:56px;font-size:20px;display:grid;bottom:46px;right:13%}.role-hero-visual>small{font-size:7px;font-weight:900;bottom:27px;right:11%}.teacher-date-box{background:#f6f9f4;border:1px solid #dce6d9;border-radius:11px;padding:9px 12px}.teacher-date-box small,.teacher-date-box strong{display:block}.teacher-date-box small{color:#7e8b86;font-size:7px}.teacher-date-box strong{margin-top:3px;font-size:9px}.checklist-scroll{border:1px solid #e7ece4;border-radius:14px;overflow-x:auto}.habit-check-table{border-collapse:collapse;background:#fff;width:100%;min-width:850px}.habit-check-table th{color:#50655d;text-align:center;background:#f5f8f2;border-bottom:1px solid #e2e8df;padding:12px 9px;font-size:8px}.habit-check-table th:first-child{text-align:left;min-width:215px}.habit-check-table th span,.habit-check-table th strong,.habit-check-table th small{display:block}.habit-check-table th span{margin-bottom:3px;font-size:17px}.habit-check-table th small{color:#248054;margin-top:3px;font-size:6px}.habit-check-table td{text-align:center;border-bottom:1px solid #edf0eb;padding:10px 9px;font-size:8px}.habit-check-table tr:last-child td{border-bottom:0}.habit-check-table td:first-child{text-align:left;align-items:center;gap:8px;display:flex}.table-number{color:#91a09a;font-size:7px}.table-avatar{color:#276d4b;background:#e5f1df;border-radius:10px;place-items:center;width:33px;height:33px;font-size:8px;font-weight:900;display:grid}.habit-check-table td:first-child strong,.habit-check-table td:first-child small{display:block}.habit-check-table td:first-child strong{font-size:9px}.habit-check-table td:first-child small{color:#83908b;margin-top:2px;font-size:6px}.habit-check{cursor:pointer;place-items:center;gap:3px;display:inline-grid}.habit-check input{opacity:0;position:absolute}.habit-check>span{color:#fff;background:#fff;border:2px solid #d5dfd2;border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:900;display:grid}.habit-check.checked>span{background:#27905a;border-color:#27905a}.habit-check small{color:#8b9692;font-size:6px}.habit-check.checked small{color:#197548}.student-point-total{color:#18764b;font-size:12px;display:block}.habit-check-table td:last-child>small{color:#87948f;font-size:6px}.checklist-footer{background:#eef7ea;border-radius:12px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-top:11px;padding:11px;display:grid}.checklist-footer>span{background:#dcefd5;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.checklist-footer p{margin:0}.checklist-footer strong,.checklist-footer small{display:block}.checklist-footer strong{font-size:8px}.checklist-footer small{color:#74827d;margin-top:3px;font-size:7px}.checklist-footer>b{color:#1b7e50;font-size:8px}.teacher-article-panel{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:17px;padding:22px}.teacher-article-count{color:#23774c;white-space:nowrap;background:#eaf5e5;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:7px;font-weight:900;display:inline-flex}.teacher-article-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px;display:grid}.teacher-article-form{background:#fbfdf9;border:1px solid #e2e9df;border-radius:15px;gap:11px;padding:15px;display:grid}.teacher-article-form label{color:#496057;gap:5px;font-size:8px;font-weight:800;display:grid}.teacher-article-form input,.teacher-article-form textarea,.teacher-article-form select{color:#294a3d;width:100%;font:inherit;background:#fff;border:1px solid #dce6d9;border-radius:10px;outline:0;font-size:9px}.teacher-article-form input,.teacher-article-form select{min-height:38px;padding:0 11px}.teacher-article-form textarea{resize:vertical;padding:10px 11px;line-height:1.5}.teacher-article-form input:focus,.teacher-article-form textarea:focus,.teacher-article-form select:focus{border-color:#70ae77;box-shadow:0 0 0 3px #4897531a}.teacher-image-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.teacher-image-picker>span{color:#347653;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#f1f8ed;border:1px dashed #bed5b8;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:8px;display:flex;overflow:hidden}.teacher-article-image-preview{object-fit:cover;border-radius:11px;width:100%;max-height:150px}.teacher-article-form-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.teacher-article-form-footer small{color:#7b8983;font-size:7px;line-height:1.4}.primary-action{color:#fff;cursor:pointer;background:#188856;border:0;border-radius:10px;align-items:center;gap:6px;min-height:35px;padding:0 12px;font-size:8px;font-weight:900;display:inline-flex;box-shadow:0 7px 15px #17754626}.teacher-article-list{align-content:start;gap:8px;display:grid}.teacher-article-list-heading{gap:3px;margin-bottom:2px;display:grid}.teacher-article-list-heading strong{color:#315447;font-size:10px}.teacher-article-list-heading small{color:#83908a;font-size:7px}.teacher-article-list article{background:#fff;border:1px solid #e3eae0;border-radius:12px;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:8px;display:grid}.teacher-article-list article>img,.teacher-article-list article>span{color:#317d51;object-fit:cover;background:#e3f0de;border-radius:9px;place-items:center;width:54px;height:48px;font-size:18px;display:grid}.teacher-article-list article>div{min-width:0}.teacher-article-list article strong,.teacher-article-list article small{display:block}.teacher-article-list article strong{color:#315648;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.3;overflow:hidden}.teacher-article-list article small{color:#83918b;margin-top:4px;font-size:6px}.teacher-article-list article button{color:#b45c4c;cursor:pointer;background:#fff1ed;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.teacher-article-empty{color:#82908a;text-align:center;border:1px dashed #d7e2d3;border-radius:11px;padding:20px;font-size:8px}.teacher-agriculture-panel{background:linear-gradient(145deg,#fff,#f8fcf5);scroll-margin-top:20px}.teacher-agriculture-panel .teacher-article-count{background:#e8f5e2}.teacher-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.teacher-publish-note{color:#276a49;background:#f0f8ec;border:1px solid #d8e8d2;border-radius:11px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.teacher-publish-note>.eco-svg-icon{justify-self:center;width:20px;height:20px}.teacher-publish-note strong,.teacher-publish-note small{display:block}.teacher-publish-note strong{font-size:8px}.teacher-publish-note small{color:#698078;margin-top:3px;font-size:7px;line-height:1.4}.teacher-agriculture-list article{grid-template-columns:70px minmax(0,1fr) 28px}.teacher-agriculture-list article>img{width:70px;height:62px}.teacher-agriculture-list article em{color:#287950;margin-top:4px;font-size:6px;font-style:normal;font-weight:800;display:block}.teacher-guidance-grid,.cadre-rules{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.teacher-guidance-grid article,.cadre-rules article{background:#fff;border:1px solid #e1e8de;border-radius:15px;gap:10px;padding:14px;display:flex}.teacher-guidance-grid article>span,.cadre-rules article>span{color:#167249;background:#e4f2de;border-radius:10px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.teacher-guidance-grid strong,.cadre-rules strong{font-size:9px}.teacher-guidance-grid p,.cadre-rules p{color:#74817c;margin:4px 0 0;font-size:7px;line-height:1.5}.role-notice{background:#fffbe9;border:1px solid #e4dfb9;border-radius:15px;gap:11px;margin-top:16px;padding:15px;display:flex}.role-notice strong{font-size:9px}.role-notice p{color:#747e77;margin:4px 0 0;font-size:7px;line-height:1.5}.cadre-role-sidebar .role-identity>span{color:#5e3c82;background:#dfd1ef}.cadre-login{background:#faf7fc;border-color:#e4dcef}.cadre-role-sidebar .role-nav a.active,.cadre-role-sidebar .role-nav a:hover{color:#644288;background:#eee7f6}.kader-heading{align-items:center}.cadre-tabs button span{background:#e0e7de;border-radius:999px;place-items:center;min-width:16px;height:16px;margin-left:3px;padding:0 4px;font-size:6px;display:inline-grid}.new-cadre-list{gap:11px;display:grid}.new-cadre-card{background:#fbfcfa;border:1px solid #e5e9e3;border-radius:15px;grid-template-columns:145px minmax(260px,1fr) 85px;align-items:center;gap:16px;padding:13px;display:grid}.cadre-photo{background:linear-gradient(135deg,#e4f0df,#f0f5ec);border-radius:12px;align-content:center;place-items:center;gap:6px;width:145px;height:135px;display:grid;overflow:hidden}.cadre-photo>span{font-size:37px}.cadre-photo>small{color:#81908b;font-size:7px}.cadre-photo img{object-fit:cover;width:100%;height:100%}.cadre-student-line{align-items:center;gap:8px;display:flex}.cadre-student-line>span{color:#624485;background:#e6ddf1;border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid}.cadre-student-line strong,.cadre-student-line small{display:block}.cadre-student-line strong{font-size:9px}.cadre-student-line small{color:#81908a;margin-top:2px;font-size:7px}.cadre-category{color:#7b579b;letter-spacing:.9px;margin-top:11px;font-size:6px;font-weight:900;display:inline-block}.cadre-report-copy h3{margin:3px 0 4px;font-size:12px}.cadre-report-copy>p{color:#71807b;margin:0;font-size:8px;line-height:1.45}.cadre-check-points{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.cadre-check-points span{color:#387c5a;font-size:6px}.cadre-award{text-align:center;background:#fff9df;border:1px solid #eee1b2;border-radius:12px;padding:11px}.cadre-award small,.cadre-award strong,.cadre-award span,.cadre-award em{display:block}.cadre-award small{color:#826c31;font-size:6px}.cadre-award strong{color:#9b6a10;margin-top:4px;font-size:21px}.cadre-award span{color:#896e2b;font-size:7px}.cadre-award em{color:#9a8d6e;margin-top:6px;font-size:6px;font-style:normal}.new-cadre-actions,.cadre-result{border-top:1px solid #e9ede7;grid-column:2/-1;justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.new-cadre-actions button{border-radius:9px;padding:8px 12px;font-size:8px;font-weight:900}.new-cadre-actions .reject{color:#a44b3b;background:#fff;border:1px solid #e3c7c0}.new-cadre-actions .approve{color:#fff;background:#197e51;border:0}.cadre-result{color:#2d7954;font-size:8px;font-weight:900}.cadre-result.rejected{color:#a34a3b}.cadre-result button{color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:8px;margin-left:8px;padding:6px 8px}.eco-empty{text-align:center;align-content:center;place-items:center;min-height:240px;display:grid}.eco-empty>span{font-size:37px}.eco-empty h3{margin:8px 0 4px;font-size:12px}.eco-empty p{color:#7d8985;margin:0;font-size:8px}.eco-report-history{margin-top:15px}.eco-report-history-list{gap:8px;display:grid}.eco-report-history-list article{background:#fbfcfa;border:1px solid #e4eae2;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.eco-report-history-list article>span{color:#24764f;background:#e5f2df;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.eco-report-history-list article.report-rejected>span{color:#a34a3b;background:#f8e7e1}.eco-report-history-list article.report-pending>span{color:#966815;background:#fff1cf}.eco-report-history-list strong,.eco-report-history-list small{display:block}.eco-report-history-list strong{font-size:9px}.eco-report-history-list small{color:#74827d;margin-top:3px;font-size:7px}.eco-report-history-list p{color:#9c4f42;margin:5px 0 0;font-size:7px;line-height:1.45}.eco-report-history-list button{color:#9a4c3e;background:#fff;border:1px solid #d9bcb5;border-radius:8px;padding:7px 9px;font-size:7px;font-weight:900}.admin-role-sidebar .role-identity>span{color:#885714;background:#ffe4b7}.admin-login{background:#fffaf0;border-color:#efd6ac}.admin-role-sidebar .role-nav a.active,.admin-role-sidebar .role-nav a:hover{color:#8f5b12;background:#fff1d9}.admin-boundary{background:#fffaf0;border-color:#ecd5ad}.admin-management-grid{grid-template-columns:1.25fr .75fr;gap:15px;display:grid}.admin-card{min-width:0}.admin-student-card{background:linear-gradient(135deg,#fcfefb,#f5faef);border-color:#d9e6d5;margin-bottom:15px}.admin-data-count{color:#27734d;text-align:center;background:#e5f2de;border-radius:11px;min-width:56px;padding:8px 10px;display:grid}.admin-data-count strong,.admin-data-count small{display:block}.admin-data-count strong{font-size:17px;line-height:1}.admin-data-count small{margin-top:3px;font-size:6px;font-weight:800}.admin-student-tools{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-student-import,.admin-student-exports{background:#ffffffc7;border:1px solid #e1e9dd;border-radius:14px;min-width:0;padding:14px}.admin-tool-heading{align-items:center;gap:9px;margin-bottom:11px;display:flex}.admin-tool-heading.compact{margin-top:13px;margin-bottom:8px}.admin-tool-heading>div{min-width:0}.admin-tool-heading strong,.admin-tool-heading small{display:block}.admin-tool-heading strong{color:#285e47;font-size:9px}.admin-tool-heading small{color:#7b8a82;margin-top:3px;font-size:6px;line-height:1.4}.admin-tool-icon{color:#26764d;background:#def0d7;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid}.admin-tool-icon.export{color:#3b6b96;background:#e5eef8}.admin-tool-icon.assessment{color:#946b1e;background:#fff0cb}.admin-file-picker{color:#27764c;cursor:pointer;background:#f6fbf2;border:1px dashed #9ec99d;border-radius:10px;min-height:40px;padding:11px 12px;display:block;position:relative;overflow:hidden}.admin-file-picker>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:7px;font-weight:900;display:flex;overflow:hidden}.admin-file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.admin-template-button,.admin-export-button,.admin-assessment-button,.admin-primary-data-button{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:33px;font-size:7px;font-weight:900;display:inline-flex}.admin-template-button{color:#3f7559;background:#fff;border:1px solid #d3e2cd;margin-top:8px;padding:0 11px}.admin-template-hint{color:#7b8982;margin:8px 0 0;font-size:7px;line-height:1.45}.admin-import-file{color:#47735c;background:#eaf5e5;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;font-size:6px;display:flex}.admin-import-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-import-file button{color:#698177;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.admin-import-preview{background:#fbfdf9;border:1px solid #e1eadc;border-radius:9px;margin-top:9px;padding:9px}.admin-import-preview>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.admin-import-preview strong{color:#347253;font-size:7px}.admin-import-preview small{color:#83908a;font-size:6px}.admin-preview-table{margin-top:7px;overflow-x:auto}.admin-preview-table table{border-collapse:collapse;width:100%;font-size:6px}.admin-preview-table th{color:#6b7d73;text-align:left;padding:5px 4px;font-size:6px;font-weight:900}.admin-preview-table td{color:#415f50;white-space:nowrap;border-top:1px solid #edf1ea;padding:5px 4px}.admin-import-errors{color:#a24f40;background:#fff1ee;border-radius:8px;gap:4px;margin:8px 0 0;padding:8px 9px;list-style:none;display:grid}.admin-import-errors li{align-items:flex-start;gap:5px;font-size:6px;line-height:1.4;display:flex}.admin-import-errors .eco-svg-icon{flex:none;width:10px;height:10px}.admin-primary-data-button{color:#fff;background:#197b50;border:0;width:100%;margin-top:9px;padding:0 11px}.admin-primary-data-button:disabled{cursor:not-allowed;background:#b9c9bd}.admin-primary-data-button[aria-busy=true]{cursor:progress;opacity:.82}.admin-student-exports>label,.admin-export-selects label{color:#61736d;gap:5px;font-size:7px;font-weight:800;display:grid}.admin-student-exports select{color:#29483e;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #dbe3d8;border-radius:9px;outline:none;padding:7px 9px;font-size:8px}.admin-export-button,.admin-assessment-button{color:#fff;background:#3974a4;border:0;width:100%;margin-top:8px;padding:0 11px}.admin-export-divider{border-top:1px dashed #dce4d9;margin:13px 0 0}.admin-export-selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-assessment-button{background:#997020}.admin-data-note{color:#5f776a;background:#edf7e8;border-radius:10px;align-items:flex-start;gap:7px;margin-top:11px;padding:9px 10px;font-size:7px;line-height:1.5;display:flex}.admin-data-note .eco-svg-icon{color:#47885e;flex:none;width:13px;height:13px}.admin-account-list{border-top:1px dashed #dce4d9;gap:7px;margin-top:12px;padding-top:12px;display:grid}.admin-account-list article{background:#fbfcfa;border:1px solid #e9ede6;border-radius:12px;grid-template-columns:39px minmax(0,1fr) auto auto 37px;align-items:center;gap:9px;padding:8px 10px;display:grid}.admin-account-list article.inactive{opacity:.52}.admin-account-list strong,.admin-account-list small{display:block}.admin-account-list strong{font-size:9px}.admin-account-list small{color:#7e8b86;margin-top:3px;font-size:7px}.admin-account-list article>button:not(.mini-toggle),.admin-reset-credential{color:#28704f;background:#fff;border:1px solid #d7e2d5;border-radius:8px;min-height:28px;padding:0 9px;font-size:7px;font-weight:900}.admin-account-list article>button:disabled{cursor:not-allowed}.admin-account-list .admin-delete-button{color:#a24f40;border-color:#f0c8bf}.admin-account-list .admin-delete-button:disabled{color:#8b9891;border-color:#e5e9e4}.admin-delete-confirm{color:#6f423b;background:#fff7f4;border:1px solid #f0c8bf;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:12px 13px;display:flex}.admin-delete-confirm strong{font-size:8px;display:block}.admin-delete-confirm p{color:#8b6861;margin:4px 0 0;font-size:7px;line-height:1.45}.admin-delete-confirm>div:last-child{flex:none;gap:6px;display:flex}.admin-delete-confirm button{color:#765b55;background:#fff;border:1px solid #e2d2ce;border-radius:8px;min-height:30px;padding:0 10px;font-size:7px;font-weight:900}.admin-delete-confirm button.danger{color:#fff;background:#b96757;border-color:#b96757}.admin-item-list,.admin-people-list{gap:7px;display:grid}.admin-item-list article,.admin-people-list article{background:#fbfcfa;border:1px solid #e9ede6;border-radius:12px;grid-template-columns:39px minmax(0,1fr) auto 37px;align-items:center;gap:9px;min-height:59px;padding:8px 10px;transition:opacity .2s;display:grid}.admin-item-list article.inactive,.admin-people-list article.inactive{opacity:.52}.admin-item-icon,.admin-people-list article>span{color:#25704c;background:#e5f1df;border-radius:11px;place-items:center;width:39px;height:39px;font-size:18px;font-weight:900;display:grid}.admin-people-list article>span{font-size:8px}.admin-item-list strong,.admin-item-list small,.admin-people-list strong,.admin-people-list small{display:block}.admin-item-list strong,.admin-people-list strong{font-size:9px}.admin-item-list small,.admin-people-list small{color:#7e8b86;margin-top:3px;font-size:7px}.admin-point-input{background:#fff;border:1px solid #dbe3d8;border-radius:9px;align-items:center;display:flex;overflow:hidden}.admin-point-input input{color:#18734a;text-align:center;border:0;outline:0;width:48px;padding:7px;font-size:10px;font-weight:900}.admin-point-input span{color:#7c8984;padding-right:7px;font-size:6px}.mini-toggle{background:#cbd4d0;border:0;border-radius:999px;width:34px;height:20px;position:relative}.mini-toggle i{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.mini-toggle.active{background:#258a58}.mini-toggle.active i{left:17px}.admin-inline-form{border-top:1px dashed #dce4d9;grid-template-columns:minmax(0,1fr) 80px auto;align-items:end;gap:8px;margin-top:12px;padding-top:12px;display:grid}.admin-inline-form label,.admin-stacked-form label,.photo-rule-control label{color:#61736d;gap:5px;font-size:7px;font-weight:800;display:grid}.admin-inline-form input,.admin-inline-form select,.admin-stacked-form input,.admin-stacked-form select,.photo-rule-control input{color:#29483e;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #dbe3d8;border-radius:9px;outline:none;padding:7px 9px;font-size:8px}.admin-inline-form button,.admin-stacked-form button,.period-settings button{color:#fff;background:#167e50;border:0;border-radius:9px;min-height:34px;padding:0 12px;font-size:8px;font-weight:900}.photo-rule-control{background:#fffaf0;border:1px solid #eee3bd;border-radius:14px;grid-template-columns:54px 1fr 37px;align-items:center;gap:12px;padding:14px;display:grid}.photo-rule-control>span{background:#ffe8b5;border-radius:15px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.photo-rule-control>div{gap:9px;display:grid}.photo-rule-control label>div{background:#fff;border:1px solid #dbe3d8;border-radius:9px;align-items:center;display:flex;overflow:hidden}.photo-rule-control label>div input{border:0}.photo-rule-control label>div b{color:#8a6a24;padding-right:9px;font-size:7px}.admin-callout{color:#77682d;background:#fff7d9;border-radius:10px;margin-top:11px;padding:10px;font-size:7px;line-height:1.5}.admin-callout.purple{color:#684d7d;background:#f2ebf8}.admin-stacked-form{border-top:1px dashed #dce4d9;gap:8px;margin-top:12px;padding-top:12px;display:grid}.admin-stacked-form>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-stacked-form>div:last-child{grid-template-columns:100px auto}.cadre-add-form{grid-template-columns:1fr auto}.semester-panel{margin-top:15px}.period-settings{grid-template-columns:.7fr .8fr 1.5fr;gap:10px;display:grid}.period-settings article{background:#fbfcfa;border:1px solid #e5eae2;border-radius:13px;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px;display:grid}.period-settings article>span{color:#19734a;background:#e5f1df;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.period-settings strong{font-size:9px}.period-settings p{color:#7a8983;margin:3px 0 0;font-size:7px}.period-settings article>b{color:#167247;background:#e2f2dc;border-radius:7px;padding:5px 7px;font-size:6px}.period-settings label{align-items:center;gap:5px;margin-top:5px;display:flex}.period-settings input{color:#4d625a;width:115px;font:inherit;border:1px solid #d9e2d6;border-radius:7px;padding:5px;font-size:7px}.period-settings i{color:#8a9692;font-size:6px;font-style:normal}.semester-rule{background:#eef7ea;border-radius:12px;gap:11px;margin-top:11px;padding:12px;display:flex}.semester-rule strong{font-size:9px}.semester-rule p{color:#6e7e78;margin:4px 0 0;font-size:7px}@media (max-width:1120px){.eco-stats,.role-stats{grid-template-columns:1fr 1fr}.eco-ranking-grid,.admin-management-grid,.period-settings{grid-template-columns:1fr}}@media (max-width:880px){.eco-student-shell,.role-shell{display:block}.eco-sidebar,.role-sidebar{width:100%;height:auto;padding:15px 17px;position:static}.eco-sidebar .brand,.role-sidebar .brand{width:max-content;padding:0;display:flex}.eco-user-card,.role-identity,.role-login-card,.eco-tip-card,.role-boundary{display:none}.eco-nav,.role-nav{scrollbar-width:none;margin-top:14px;display:flex;overflow-x:auto}.eco-nav a,.role-nav a{min-width:max-content}.eco-profile-wrap{margin:0;position:absolute;top:18px;right:16px}.eco-profile-wrap>button{border:0;width:auto}.eco-profile-menu{width:180px;inset:calc(100% + 5px) 0 auto auto}.role-switch{gap:10px;margin:0;position:absolute;top:20px;right:17px}.eco-main,.role-main{padding:22px 17px 42px}.eco-two-column{grid-template-columns:1fr}.new-cadre-card{grid-template-columns:125px 1fr 80px}.cadre-photo{width:125px}}@media (max-width:620px){.eco-topbar,.role-topbar{align-items:flex-start}.eco-topbar h1,.role-topbar h1{font-size:20px}.eco-role-chip,.role-chip{display:none}.eco-hero,.role-hero{grid-template-columns:1fr;min-height:400px}.eco-hero>div:first-child,.role-hero>div:first-child{padding:27px 24px}.eco-hero-art,.role-hero-visual{min-height:160px;position:absolute;bottom:0;left:0;right:0}.eco-earth{font-size:72px;bottom:30px;right:42%}.eco-hero-art>b{bottom:22px;right:25%}.eco-hero-art>small{bottom:8px;right:28%}.role-hero-visual>span{width:90px;height:90px;font-size:42px;bottom:35px;right:42%}.role-hero-visual>b{bottom:24px;right:27%}.role-hero-visual>small{bottom:8px;right:24%}.eco-stats,.role-stats{gap:8px}.eco-stats article,.role-stats article{grid-template-columns:1fr;min-height:123px;padding:13px}.eco-ranking-head,.role-panel-heading,.kader-heading{flex-direction:column;align-items:flex-start}.eco-period-tabs,.cadre-tabs{width:100%;overflow-x:auto}.eco-period-tabs button,.cadre-tabs button{white-space:nowrap;flex:1}.eco-flow{grid-template-columns:1fr;gap:8px}.eco-flow i{transform:rotate(90deg)}.public-class-podiums{gap:5px}.public-class-podium{min-height:105px}.public-class-podium>strong{font-size:9px}.public-articles-section{padding:50px 17px}.public-articles-layout,.public-article-grid{grid-template-columns:1fr}.public-book-link{min-height:92px}.teacher-article-layout{grid-template-columns:1fr}.teacher-article-form-footer{flex-direction:column;align-items:flex-start}.teacher-field-row{grid-template-columns:1fr}.primary-action{justify-content:center;width:100%}.teacher-guidance-grid,.cadre-rules,.new-cadre-card{grid-template-columns:1fr}.cadre-photo{width:100%;height:190px}.new-cadre-actions,.cadre-result{grid-column:1}.cadre-award{text-align:left;grid-template-columns:1fr auto auto;align-items:center;display:grid}.cadre-award strong{margin:0}.admin-inline-form,.cadre-add-form,.admin-stacked-form>div,.admin-stacked-form>div:last-child{grid-template-columns:1fr}.admin-item-list article{grid-template-columns:39px minmax(0,1fr) 70px 37px}.admin-student-tools{grid-template-columns:1fr}.admin-account-list article{grid-template-columns:35px minmax(0,1fr) auto auto 37px;gap:6px}.admin-account-list article>button:not(.mini-toggle){padding:0 7px;font-size:6px}.admin-delete-confirm{flex-direction:column;align-items:stretch}.admin-delete-confirm>div:last-child{justify-content:flex-end}.period-settings article{grid-template-columns:31px minmax(0,1fr)}.period-settings article>b,.period-settings article>button{grid-column:2;justify-self:start}.period-settings label{flex-direction:column;align-items:flex-start}}.public-show-more{color:#19764c;background:#f4f8f1;border:1px solid #d9e5d5;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:9px;padding:10px;font-size:8px;font-weight:900;display:flex}.public-mobile-nav{display:none}@media (max-width:650px){.public-site{padding-bottom:76px}.public-header{grid-template-columns:1fr auto auto;gap:5px;padding:0 13px}.public-login-button{padding:9px;font-size:0}.public-login-button>.eco-svg-icon{width:16px;height:16px}.public-mobile-nav{z-index:70;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;border:1px solid #d6e0d3f2;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid;position:fixed;bottom:9px;left:10px;right:10px;box-shadow:0 15px 38px #173c3333}.public-mobile-nav a{color:#64756e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:6px;font-weight:800;text-decoration:none;display:flex}.public-mobile-nav a span{font-size:16px}.public-mobile-nav a.login{color:#fff;background:#177d50}}.public-stats-grid article,.public-class-list article,.public-habits button,.public-role-flow button{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.public-stats-grid article:hover,.public-class-list article:hover{transform:translateY(-3px);box-shadow:0 13px 27px #22483917}.public-habits button{color:#173c33;text-align:left;background:#fafcf8;border:1px solid #e1e8de;border-radius:18px;grid-template-columns:67px 1fr;align-items:center;gap:14px;min-height:143px;padding:18px;display:grid;position:relative;overflow:hidden}.public-habits button:hover,.public-habits button.active{background:#f0f8eb;border-color:#74ad76;transform:translateY(-3px);box-shadow:0 13px 29px #265b3e1a}.public-habits button>span{background:#e4f1dd;border-radius:19px;place-items:center;width:67px;height:67px;font-size:34px;display:grid}.public-habits button small{color:#39805e;letter-spacing:.8px;font-size:6px;font-weight:900}.public-habits button h3{margin:4px 0;font-size:12px}.public-habits button p{color:#71817a;margin:0;font-size:7px;line-height:1.5}.public-habits button>i{color:#677a72;background:#e8eee5;border-radius:7px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:10px;right:10px}.public-habits button.active>i{color:#187349;background:#d9efd1}.public-habit-detail{background:linear-gradient(115deg,#eff8eb,#f8fbee);border:1px solid #cfe2c8;border-radius:17px;grid-template-columns:61px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:13px;padding:16px 18px;animation:.24s ease-out detail-in;display:grid}.public-habit-detail>span{background:#dcefd5;border-radius:17px;place-items:center;width:61px;height:61px;font-size:30px;display:grid}.public-habit-detail small{color:#287951;letter-spacing:.8px;font-size:6px;font-weight:900}.public-habit-detail p{color:#667970;margin:0;font-size:8px;line-height:1.55}.public-habit-detail>b{color:#846018;white-space:nowrap;background:#fff0b7;border-radius:12px;padding:10px 12px;font-size:20px}.public-habit-detail>b small{color:#8b723a;text-align:center;font-size:6px;display:block}.public-role-detail{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:48px 1fr;gap:11px;margin:17px 0;padding:13px;animation:.24s ease-out detail-in;display:grid}.public-role-detail>span{background:#ffffff21;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.public-role-detail.has-art{grid-template-columns:80px 1fr;align-items:center}.public-role-detail-art{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 9px #0003);align-self:end;width:80px;height:80px;display:block}.public-role-detail small,.public-role-detail strong{display:block}.public-role-detail small{color:#9bcbb7;font-size:6px;font-weight:900}.public-role-detail strong{margin-top:3px;font-size:10px}.public-role-detail p{color:#c0d7cd;margin:4px 0 0;font-size:7px;line-height:1.5}.public-role-flow{grid-template-columns:1fr 1fr;gap:9px;display:grid}.public-role-flow button{color:#fff;text-align:left;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:15px;grid-template-columns:45px 1fr;gap:10px;min-height:135px;padding:14px;display:grid;position:relative}.public-role-flow button:hover,.public-role-flow button.active{background:#ffe6821f;border-color:#ffe682b3;transform:translateY(-3px)}.public-role-flow button>span{background:#ffffff1f;border-radius:13px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.public-role-flow button small,.public-role-flow button strong{display:block}.public-role-flow button small{color:#9bcbb7;font-size:6px;font-weight:900}.public-role-flow button strong{margin-top:4px;font-size:9px}.public-role-flow button p{color:#b9cfc6;margin:5px 0 0;font-size:7px;line-height:1.45}.public-role-flow button>i{color:#ffe682;font-size:10px;font-style:normal;font-weight:900;position:absolute;bottom:10px;right:11px}.password-input{grid-template-columns:35px 1fr 40px!important}.password-input button{background:0 0;border:0;width:39px;height:39px;font-size:14px}.demo-fill-button{color:#24734f;background:#f3f8ef;border:1px dashed #bbd3b4;border-radius:9px;width:100%;min-height:36px;margin-top:8px;font-size:8px;font-weight:900}.teacher-tools{align-items:center;gap:8px;display:flex}.teacher-tools>label{background:#fff;border:1px solid #dce5d9;border-radius:11px;grid-template-columns:27px 1fr;align-items:center;min-width:185px;padding-left:8px;font-size:11px;display:grid;overflow:hidden}.teacher-tools input{color:#315046;width:100%;min-height:38px;font:inherit;border:0;outline:0;font-size:8px}.mobile-checklist-list{display:none}@keyframes detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.public-orbit>span{animation:4s ease-in-out infinite eco-float}.public-live i{animation:1.7s ease-in-out infinite live-pulse}.orbit-icon.bottle,.orbit-icon.recycle{animation:3.2s ease-in-out infinite alternate eco-float}@keyframes eco-float{50%{transform:translateY(-7px)}}@keyframes live-pulse{50%{opacity:.65;box-shadow:0 0 0 8px #aaf18408}}}@media (max-width:880px){.eco-sidebar,.role-sidebar{min-height:70px;padding-bottom:12px}.eco-nav,.role-nav{z-index:65;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #d7e1d4f5;border-radius:18px;gap:4px;margin:0;padding:7px;display:flex;position:fixed;bottom:8px;left:9px;right:9px;overflow-x:auto;box-shadow:0 15px 38px #173c3333}.eco-nav a,.role-nav a{text-align:center;flex-direction:column;flex:1 0 70px;justify-content:center;gap:3px;min-width:70px;min-height:48px;padding:5px 7px}.eco-nav a>span,.role-nav a>span{font-size:6px;line-height:1.15}.role-nav a b{min-width:15px;height:15px;position:absolute;top:3px;right:4px}.eco-main,.role-main{padding-bottom:104px}.toast{bottom:87px}}@media (max-width:700px){.public-habit-detail{grid-template-columns:50px 1fr}.public-habit-detail>span{width:50px;height:50px;font-size:25px}.public-habit-detail>b{grid-column:2;justify-self:start;font-size:14px}.public-articles-layout,.teacher-article-layout,.public-article-grid,.public-role-flow{grid-template-columns:1fr}.public-role-flow button{min-height:104px}.teacher-tools{flex-direction:column;align-items:stretch;width:100%}.teacher-tools>label{width:100%;min-width:0}.teacher-date-box{width:100%}.desktop-checklist{display:none}.mobile-checklist-list{gap:11px;display:grid}.mobile-checklist-list>article{background:#fbfcfa;border:1px solid #e0e7de;border-radius:16px;padding:13px}.mobile-student-head{grid-template-columns:17px 39px 1fr auto;align-items:center;gap:8px;display:grid}.mobile-student-head .table-avatar{width:39px;height:39px}.mobile-student-head strong,.mobile-student-head small{display:block}.mobile-student-head strong{font-size:9px}.mobile-student-head small{color:#84918c;margin-top:2px;font-size:6px}.mobile-student-head>b{color:#19754a;text-align:right;font-size:13px}.mobile-student-head>b small{font-size:6px}.mobile-habit-actions{gap:7px;margin-top:11px;display:grid}.mobile-habit-actions label{background:#fff;border:1px solid #e1e7de;border-radius:12px;grid-template-columns:39px 1fr auto;align-items:center;gap:9px;min-height:58px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.mobile-habit-actions label.checked{background:#eef8e9;border-color:#83b47c;box-shadow:inset 3px 0 #3d955c}.mobile-habit-actions input{opacity:0;position:absolute}.mobile-habit-actions label>span{background:#e8f1e3;border-radius:11px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.mobile-habit-actions label>strong{font-size:8px}.mobile-habit-actions label>small{color:#708079;background:#f0f2ee;border-radius:8px;padding:6px 7px;font-size:6px;font-weight:900}.mobile-habit-actions label.checked>small{color:#187047;background:#d9eed2}.mobile-empty-search{color:#71817b;text-align:center;border:1px dashed #d8e1d5;border-radius:14px;padding:25px;font-size:8px}.checklist-footer{grid-template-columns:35px 1fr}.checklist-footer>b{grid-column:2}.eco-stats,.role-stats{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-17px;padding-right:17px;display:flex;overflow-x:auto}.eco-stats article,.role-stats article{scroll-snap-align:start;flex:0 0 72vw;grid-template-columns:45px 1fr;min-width:72vw;min-height:105px}.eco-stats article>span,.role-stats article>span{width:45px;height:45px}}@media (max-width:520px){.public-habits{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-17px;padding:4px 17px 8px 0;display:flex;overflow-x:auto}.public-habits button{scroll-snap-align:start;flex:0 0 82vw;min-width:82vw}.login-form-side{padding-bottom:100px}.login-role-grid button{min-height:103px}}.public-site{--luxury-green:#0b7046;--luxury-mint:#b8efbc;--luxury-gold:#f4d171;background:#f4f7ef}.public-site .eco-svg-icon{stroke-width:2.05px;filter:drop-shadow(0 2px 3px #0b482f1a)}.public-header{border-bottom-color:#c4d8c8d1;transition:background .3s,box-shadow .3s;box-shadow:0 8px 28px #0f4a330f}.public-header:hover{background:#fffffffa;box-shadow:0 12px 34px #0f4a331a}.public-brand>span{background:linear-gradient(145deg,#f4ffda,#b9e6bf);border:1px solid #65a77038;box-shadow:inset 0 1px #fffc,0 8px 18px #23754721}.public-brand>span>.eco-svg-icon{color:#117b4c;filter:drop-shadow(0 3px 4px #0e60382e)}.public-login-button{background:linear-gradient(135deg,#0d7048,#1aa469);border:1px solid #fff3;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 10px 25px #0d704840}.public-login-button:hover{filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 15px 30px #0d704852}.public-hero{background:radial-gradient(circle at 79% 20%,#75e69c42,#0000 28%),radial-gradient(circle at 15% 115%,#094e3780,#0000 36%),linear-gradient(120deg,#0b6443,#11885a 62%,#35a96c)}.public-hero:before{opacity:.1;animation:28s linear infinite public-grid-drift}.public-hero:after{opacity:.88;filter:drop-shadow(0 -12px 35px #0c58392e);background:linear-gradient(145deg,#8fd977,#69bb77)}.public-hero-copy{animation:.8s cubic-bezier(.2,.8,.2,1) both public-copy-in}.public-eyebrow{background:#ffffff24;box-shadow:inset 0 1px #ffffff42,0 8px 20px #04422a17}.public-hero h1 em{text-shadow:0 5px 24px #ffda5d2e}.public-hero-actions a{transition:transform .24s,box-shadow .24s,background .24s;box-shadow:0 9px 23px #033d271f}.public-hero-actions a:hover{transform:translateY(-3px);box-shadow:0 16px 30px #033d2738}.public-hero-actions a:first-child:hover{background:#fffbea}.public-orbit{border-color:#caffd061;animation:8s ease-in-out infinite public-orbit-breathe;box-shadow:0 0 0 1px #ffffff0d,0 0 70px #97ffb51f}.public-orbit:before,.public-orbit:after{border-color:#c0ffcf3d;animation:6s ease-in-out infinite public-ring-pulse}.public-orbit:after{animation-delay:-2s}.public-orbit>span{color:#168552;background:radial-gradient(circle at 34% 28%,#fffef0,#fff5b8 64%,#f4d56a);border-color:#ffffff61;box-shadow:inset 0 0 0 7px #ffffff42,0 24px 55px #023a234d,0 0 44px #ffe0772e}.public-orbit>span>.eco-svg-icon{filter:drop-shadow(0 7px 5px #1875482e)}.orbit-icon{color:#157e52;background:linear-gradient(145deg,#fff,#edf9df);border:1px solid #ffffffc7;box-shadow:inset 0 1px #ffffffe6,0 13px 27px #05422a40}.orbit-icon.leaf{color:#2b9a61;background:linear-gradient(145deg,#f5ffe8,#c6efc1)}.orbit-icon.recycle{color:#3773a8;background:linear-gradient(145deg,#effbff,#c8e6f3)}.orbit-icon.star{color:#b47d18;background:linear-gradient(145deg,#fffde8,#ffe29a)}.orbit-icon.bottle{color:#8259a7;background:linear-gradient(145deg,#fbf1ff,#ead8f3)}.public-hero-badge{background:linear-gradient(135deg,#085636d1,#147f4db8);border-color:#d0ffd54d;box-shadow:0 15px 35px #043b2547,inset 0 1px #ffffff1f}.public-hero-badge>span{color:var(--luxury-gold)}.public-stats-grid article{background:linear-gradient(145deg,#fff,#fbfef8);border-color:#cddccceb;animation:.65s cubic-bezier(.2,.8,.2,1) both public-rise-in;box-shadow:0 12px 26px #274b3d0f,inset 0 1px #ffffffeb}.public-stats-grid article:nth-child(2){animation-delay:80ms}.public-stats-grid article:nth-child(3){animation-delay:.16s}.public-stats-grid article:nth-child(4){animation-delay:.24s}.public-stats-grid article:hover{border-color:#a7d2a5;box-shadow:0 18px 34px #22643d21,inset 0 1px #fffffff0}.public-stats-grid article>span{border:1px solid #ffffffbf;box-shadow:inset 0 1px #ffffffd1,0 8px 17px #306b451a}.public-stats-grid .green{color:#168552;background:linear-gradient(145deg,#efffdc,#c7edc2)}.public-stats-grid .blue{color:#2e7eaa;background:linear-gradient(145deg,#effbff,#cbe8f3)}.public-stats-grid .orange{color:#ad7219;background:linear-gradient(145deg,#fffbea,#ffe0a1)}.public-stats-grid .purple{color:#7d5aab;background:linear-gradient(145deg,#fbf1ff,#e5d5f2)}.public-period-switch{background:#dcedd7d9;border-color:#c9dcc5;box-shadow:inset 0 1px #ffffffb3,0 8px 18px #3565410f}.public-period-switch button{transition:background .22s,color .22s,box-shadow .22s,transform .22s}.public-period-switch button:hover{color:#11734b;transform:translateY(-1px)}.public-period-switch button.active{background:linear-gradient(135deg,#fff,#f3ffe8);box-shadow:0 5px 15px #2c4c3d21,inset 0 1px #ffffffe6}.public-date-chip{background:linear-gradient(135deg,#e3f4d9,#d0e9d3);border:1px solid #a7c9a18c;box-shadow:inset 0 1px #ffffffbf,0 5px 12px #3565410f}.public-class-board,.public-student-board{border-color:#cadbc7e6;box-shadow:0 16px 32px #2c573814,inset 0 1px #fffffff2}.board-heading>span{color:#167c50;background:linear-gradient(145deg,#f0ffdf,#cdeec6);box-shadow:inset 0 1px #fffc,0 6px 13px #306b451a}.public-class-list article{transition:transform .22s,box-shadow .22s,background .22s}.public-class-list article:hover{transform:translate(4px);box-shadow:0 9px 18px #2a573514}.public-class-list article.top-1{background:linear-gradient(100deg,#fff9e0,#fffdf4)}.public-podiums .podium-place{transition:transform .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffffe6,0 10px 20px #31593d12}.public-podiums .podium-place:hover{transform:translateY(-6px);box-shadow:inset 0 1px #ffffffe6,0 18px 28px #31593d24}.podium-crown>.eco-svg-icon{color:#c38b20;filter:drop-shadow(0 4px 4px #ad751333)}.public-privacy-note{box-shadow:inset 0 1px #ffffffbf}.public-habits button{background:linear-gradient(145deg,#fff,#f5fbf1);border-color:#cedecbe6;box-shadow:0 10px 23px #2c57380d,inset 0 1px #ffffffe6}.public-habits button:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:28%;height:260%;transition:opacity .25s;position:absolute;top:-80%;left:-25%;transform:rotate(22deg)}.public-habits button:hover:after,.public-habits button.active:after{opacity:.8;animation:1.15s ease-out public-shimmer}.public-habits button>span,.public-habit-detail>span{border:1px solid #fffc;box-shadow:inset 0 1px #ffffffd9,0 9px 19px #306b451a}.public-habits button>span{color:#168552;background:linear-gradient(145deg,#efffdd,#c8edc0)}.public-habits button:hover,.public-habits button.active{background:linear-gradient(145deg,#f5ffef,#e6f5e0);border-color:#82b987;box-shadow:0 17px 31px #265b3e21}.public-habits button>i{border:1px solid #a1cb9940;box-shadow:inset 0 1px #fff9}.public-habit-detail{background:linear-gradient(115deg,#effbea,#fbfff6);border-color:#aed3a6e6;box-shadow:0 12px 25px #306b4514,inset 0 1px #ffffffd9}.public-habit-detail>span{color:#168552;background:linear-gradient(145deg,#f2ffdf,#c6ecc0)}.public-how{background:radial-gradient(circle at 84% 15%,#44a9734d,#0000 28%),linear-gradient(135deg,#102f2a,#153f35 55%,#1e5e48)}.public-role-detail,.public-role-flow button{box-shadow:inset 0 1px #ffffff17,0 14px 28px #031b1729}.public-role-detail>span,.public-role-flow button>span{color:#c9f4b5;background:linear-gradient(145deg,#c8ffb833,#ffffff0f)}.public-role-flow button{transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.public-role-flow button:hover,.public-role-flow button.active{background:linear-gradient(145deg,#ffe6822b,#ffffff0f);border-color:#ffe682d1;box-shadow:inset 0 1px #ffffff24,0 18px 32px #031b1738}.public-role-flow button>i{color:#ffe682}.public-how-copy a{transition:transform .24s,box-shadow .24s;box-shadow:0 11px 23px #02191333}.public-how-copy a:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0219134d}.public-cta{background:radial-gradient(circle at 15% 10%,#ffffff6b,#0000 32%),linear-gradient(110deg,#efc84d,#ffe99e 60%,#f4d274);border:1px solid #eec65675;box-shadow:0 18px 34px #7a5d1824,inset 0 1px #ffffffa6}.public-cta>div>span{color:#0d7047;filter:drop-shadow(0 5px 4px #5f470c2e)}.public-cta>a{transition:transform .24s,box-shadow .24s;box-shadow:0 9px 19px #05261b2e}.public-cta>a:hover{transform:translateY(-3px);box-shadow:0 15px 27px #05261b47}.public-mobile-nav{box-shadow:0 17px 42px #173c3340,inset 0 1px #ffffffbf}@keyframes public-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes public-art-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes public-rise-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes public-grid-drift{0%{background-position:0 0}to{background-position:54px 54px}}@keyframes public-orbit-breathe{50%{transform:translate(-50%,-50%)scale(1.025)}}@keyframes public-ring-pulse{50%{opacity:.45;transform:scale(1.025)}}@keyframes public-shimmer{0%{transform:translate(-220%)rotate(22deg)}to{transform:translate(680%)rotate(22deg)}}@media (max-width:650px){.public-header{box-shadow:0 7px 22px #0f4a331a}.public-hero{background:radial-gradient(circle at 72%,#75e69c38,#0000 34%),linear-gradient(145deg,#0b6443,#11885a 64%,#2e9a64)}.public-orbit{box-shadow:0 0 0 1px #ffffff0d,0 0 54px #97ffb526}.public-stats-grid article{animation-delay:0s}.public-cta{box-shadow:0 13px 27px #7a5d1824}}@media (prefers-reduced-motion:reduce){.public-site *,.public-site :before,.public-site :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.front-header{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafcf7f2;border-bottom:1px solid #185c401a;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;gap:28px;min-height:78px;padding:0 clamp(24px,5vw,76px);display:grid;position:sticky;top:0;box-shadow:0 8px 30px #173c330d}.front-brand{color:#154c39;align-items:center;gap:11px;width:max-content;text-decoration:none;display:inline-flex}.front-brand>span{color:#16794c;background:#dff0d6;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #1f6f4914}.front-brand>span .eco-svg-icon{width:23px;height:23px}.front-brand strong,.front-brand small{display:block}.front-brand strong{letter-spacing:-.5px;font-size:18px;line-height:1}.front-brand small{color:#718078;margin-top:5px;font-size:10px;font-weight:650}.front-header nav{align-items:center;gap:clamp(17px,2.2vw,31px);display:flex}.front-header nav a{color:#53685f;white-space:nowrap;padding:29px 0 27px;font-size:12px;font-weight:750;text-decoration:none;position:relative}.front-header nav a:after{content:"";background:#208258;border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:20px;left:0;right:0;transform:scaleX(0)}.front-header nav a:hover{color:#176f4b}.front-header nav a:hover:after{transform:scaleX(1)}.front-header nav a.active{color:#176f4b}.front-header nav a.active:after{transform:scaleX(1)}.front-header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.front-login{color:#fff;background:#176f4b;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 9px 22px #176f4b33}.front-login .eco-svg-icon{width:16px;height:16px}.front-hero{background:radial-gradient(circle at 84% 20%,#7ecf872e,#0000 28%),linear-gradient(135deg,#f8f8ed 0%,#eff5e9 56%,#e4f0df 100%);grid-template-columns:minmax(0,.94fr) minmax(450px,1.06fr);align-items:center;gap:clamp(20px,4vw,68px);min-height:620px;padding:64px clamp(28px,7vw,108px) 54px;display:grid;position:relative;overflow:hidden}.front-hero:before{content:"";filter:blur(2px);background:#ffe0712b;border-radius:50%;width:430px;height:430px;position:absolute;top:-140px;left:-160px}.front-hero-copy{z-index:2;max-width:690px;position:relative}.front-kicker{color:#2b6c50;background:#ffffffb8;border:1px solid #cfe0c7;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:850;display:inline-flex}.front-kicker i,.front-updated i{background:#4fbd6a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4fbd6a21}.front-hero h1{color:#153f33;letter-spacing:-3.4px;margin:22px 0 18px;font-size:clamp(48px,5.35vw,76px);line-height:.98}.front-hero h1 em{color:#157a4e;font-style:normal}.front-hero-copy>p{color:#536c62;max-width:620px;margin:0;font-size:16px;line-height:1.7}.front-hero-actions{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.front-hero-actions a{color:#245844;background:#ffffffb8;border:1px solid #c8d8c2;border-radius:13px;justify-content:center;align-items:center;gap:14px;min-height:47px;padding:0 18px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.front-hero-actions a.primary{color:#fff;background:#176f4b;border-color:#176f4b;box-shadow:0 12px 25px #176f4b33}.front-hero-actions .eco-svg-icon{width:16px;height:16px}.front-identity{color:#62756d;align-items:center;gap:11px;margin-top:28px;display:flex}.front-identity span{color:#604d12;letter-spacing:.8px;background:#ffdf6b;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:950}.front-identity small{font-size:10px;font-weight:650;line-height:1.4}.front-hero-visual{z-index:2;min-height:500px;position:relative}.front-hero-image{place-items:end center;display:grid;position:absolute;inset:-3% -11% 0 -10%}.front-hero-image:before{content:"";background:linear-gradient(145deg,#ffffffba,#cfe8c785);border:1px solid #41895621;border-radius:42% 58% 34% 66%/52% 42% 58% 48%;height:72%;position:absolute;bottom:7%;left:9%;right:7%;box-shadow:0 30px 70px #255c3c1c}.front-hero-image img{z-index:1;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 25px #1a553526);width:min(760px,58vw);max-height:520px;display:block;position:relative}.front-winner-card{z-index:3;color:#214f3d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffffdb;border-radius:18px;grid-template-columns:58px 1fr;align-items:center;gap:12px;min-width:245px;padding:14px 16px;display:grid;position:absolute;bottom:25px;right:0;box-shadow:0 18px 42px #1a50342e}.front-winner-card img{object-fit:contain;width:58px;height:58px}.front-winner-card small,.front-winner-card strong,.front-winner-card span{display:block}.front-winner-card small{color:#76877f;font-size:9px}.front-winner-card strong{margin-top:3px;font-size:17px}.front-winner-card span{color:#16794e;margin-top:3px;font-size:11px;font-weight:850}.front-updated{z-index:3;color:#49655a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:12px;align-items:center;gap:10px;padding:10px 13px;font-size:10px;font-weight:750;display:flex;position:absolute;top:36px;left:2px;box-shadow:0 12px 28px #1e53381a}@media (max-width:1080px){.front-header{grid-template-columns:1fr auto}.front-header nav{display:none}.front-hero{grid-template-columns:1fr;padding-bottom:500px}.front-hero-visual{min-height:430px;position:absolute;bottom:20px;left:clamp(15px,5vw,60px);right:clamp(15px,5vw,60px)}.front-hero-image img{width:min(720px,82vw);max-height:450px}}@media (max-width:650px){.front-header{min-height:68px;padding:0 13px}.front-brand>span{border-radius:12px;width:38px;height:38px}.front-brand strong{font-size:16px}.front-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:155px;font-size:9px;overflow:hidden}.front-header-actions{gap:5px}.front-login{border-radius:10px;width:34px;min-height:34px;padding:0}.front-login span{display:none}.front-hero{align-items:start;min-height:760px;padding:42px 19px 345px}.front-kicker{padding:7px 10px;font-size:10px}.front-hero h1{letter-spacing:-2.2px;margin-top:18px;font-size:clamp(40px,12vw,52px)}.front-hero-copy>p{font-size:14px;line-height:1.62}.front-hero-actions{grid-template-columns:1fr;margin-top:22px;display:grid}.front-hero-actions a{justify-content:space-between}.front-identity{align-items:flex-start}.front-identity small{font-size:8px}.front-hero-visual{min-height:315px;bottom:18px;left:10px;right:10px}.front-hero-image{inset:-8% -18% -2%}.front-hero-image img{width:min(620px,118vw);max-height:330px}.front-updated{padding:8px 10px;font-size:8px;top:16px;left:12px}.front-winner-card{border-radius:15px;grid-template-columns:45px 1fr;min-width:202px;padding:11px 12px;bottom:2px;right:7px}.front-winner-card img{width:45px;height:45px}.front-winner-card strong{font-size:14px}}.public-stats-wrap,.public-ranking-section,.public-program-section,.public-articles-section{padding:82px clamp(28px,7vw,108px);scroll-margin-top:76px}.public-stats-wrap{background:#fbfcf8}.public-section-title{max-width:730px}.public-section-title.center{max-width:840px;margin-inline:auto}.public-section-title>span,.public-ranking-heading>div>span,.public-how-copy>span{color:#1c7b53;letter-spacing:1.45px;font-size:11px}.public-section-title h2,.public-ranking-heading h2,.public-how h2{letter-spacing:-2px;margin:9px 0 10px;font-size:clamp(34px,3.7vw,50px);line-height:1.06}.public-section-title p,.public-ranking-heading p{color:#667970;max-width:690px;font-size:14px;line-height:1.65}.public-stats-grid{gap:16px;margin-top:33px}.public-stats-grid article{border-radius:20px;grid-template-columns:56px minmax(0,1fr);gap:15px;min-height:132px;padding:20px}.public-stats-grid article>span{border-radius:16px;width:56px;height:56px}.public-stats-grid article>span .eco-svg-icon{width:27px;height:27px}.public-stats-grid small{font-size:11px;font-weight:750}.public-stats-grid strong{margin:5px 0;font-size:30px}.public-stats-grid em{font-size:10px;line-height:1.35}.public-ranking-section{background:linear-gradient(#edf5e9,#e8f2e4)}.public-ranking-heading{align-items:center}.public-period-switch{border-radius:14px;gap:5px;padding:5px}.public-period-switch button{cursor:pointer;border-radius:10px;min-height:38px;padding:0 15px;font-size:11px}.public-date-chip{margin:24px 0 18px;padding:8px 12px;font-size:10px}.public-date-chip .eco-svg-icon{vertical-align:-3px;width:14px;height:14px}.public-ranking-layout{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:20px}.public-class-board,.public-student-board{border-radius:24px;padding:26px}.board-heading{gap:13px;margin-bottom:20px}.board-heading>span{border-radius:14px;width:46px;height:46px}.board-heading>span .eco-svg-icon{width:23px;height:23px}.board-heading h3{letter-spacing:-.45px;font-size:18px}.board-heading p{margin-top:4px;font-size:10px;line-height:1.45}.board-heading>b{border-radius:9px;padding:7px 10px;font-size:10px}.public-class-podiums{gap:9px;margin-bottom:19px}.public-class-podium{border-radius:18px;min-height:144px;padding:14px 8px}.public-class-podium>span{border-radius:11px;width:37px;height:37px}.public-class-podium>span .eco-svg-icon{width:21px;height:21px}.public-class-podium>small{margin-top:9px;font-size:8px}.public-class-podium>strong{margin-top:4px;font-size:14px}.public-class-podium>b{margin-top:5px;font-size:11px}.public-class-podium>b em{font-size:9px}.public-class-list{gap:8px}.public-class-list article{border-radius:15px;grid-template-columns:34px 48px minmax(0,1fr) auto;gap:12px;min-height:68px;padding:9px 13px}.public-rank-number{width:30px;height:30px;font-size:11px}.public-class-avatar{border-radius:13px;width:46px;height:46px;font-size:13px}.public-class-list strong{font-size:13px}.public-class-list small{margin-top:4px;font-size:9px;line-height:1.3}.public-class-list article>b{font-size:13px}.public-class-list article>b small{font-size:9px}.public-show-more{cursor:pointer;border-radius:12px;min-height:42px;margin-top:12px;font-size:11px}.public-podiums{gap:8px;margin-top:16px}.podium-place{border-radius:32px 32px 16px 16px;min-height:202px;padding:15px 9px 18px}.podium-place.place-1{min-height:226px}.podium-crown{margin-bottom:7px}.podium-crown .eco-svg-icon{width:24px;height:24px}.podium-avatar{width:58px;height:58px;font-size:12px}.place-1 .podium-avatar{width:68px;height:68px}.podium-place strong{margin-top:9px;font-size:11px}.podium-place small{margin-top:3px;font-size:9px}.podium-place b{margin-top:7px;font-size:10px}.podium-place i{width:32px;height:32px;font-size:10px;bottom:-9px}.public-student-list-scroll{gap:7px;max-height:300px;margin-top:21px;padding-right:5px}.public-student-list-scroll article{border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;min-height:51px;padding:8px 10px}.public-student-list-scroll article>span{width:27px;height:27px;font-size:9px}.public-student-list-scroll strong{font-size:12px}.public-student-list-scroll small{margin-top:3px;font-size:9px}.public-student-list-scroll article>b{font-size:11px}.public-student-list-scroll article>b em{font-size:8px}.public-privacy-note{border-radius:12px;margin-top:18px;padding:12px;font-size:10px}.public-privacy-note .eco-svg-icon{vertical-align:-3px;width:14px;height:14px}.public-program-section{background:#fff}.public-program-showcase{border-radius:26px;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:25px;min-height:250px;margin-top:36px}.public-program-showcase>div{padding:34px 0 34px 36px}.showcase-kicker{letter-spacing:1.2px;font-size:9px;line-height:1.45}.public-program-showcase h3{letter-spacing:-1.1px;max-width:420px;margin:10px 0 8px;font-size:30px;line-height:1.05}.public-program-showcase p{max-width:520px;font-size:13px;line-height:1.65}.public-program-showcase img{width:min(100%,620px);max-height:300px}.public-habits{gap:14px;margin-top:26px}.public-habits button{cursor:pointer;border-radius:19px;grid-template-columns:64px minmax(0,1fr);gap:14px;min-height:148px;padding:19px}.public-habits button>span{border-radius:18px;width:64px;height:64px}.public-habits button>span .eco-svg-icon{width:31px;height:31px}.public-habits small{font-size:8px}.public-habits h3{margin:6px 0;font-size:16px;line-height:1.25}.public-habits p{font-size:11px}.public-habits button>i{padding:6px 8px;font-size:8px;top:13px;right:13px}.public-habit-detail{border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;gap:17px;margin-top:14px;padding:20px 22px}.public-habit-detail>span{border-radius:16px;width:58px;height:58px}.public-habit-detail>span .eco-svg-icon{width:28px;height:28px}.public-habit-detail small{font-size:8px}.public-habit-detail h3{margin:5px 0;font-size:19px}.public-habit-detail p{font-size:12px;line-height:1.55}.public-habit-detail>b{min-width:70px;font-size:23px}.public-habit-detail>b small{font-size:9px}.public-articles-section{background:#f7faf4}.public-articles-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin-top:32px}.public-article-grid{gap:16px}.public-article-card{border-radius:20px;grid-template-columns:145px minmax(0,1fr);gap:16px;min-height:178px;padding:13px}.public-article-image{border-radius:14px;min-height:150px}.public-article-copy small{font-size:9px}.public-article-copy strong{margin-top:8px;font-size:16px;line-height:1.3}.public-article-copy p{margin-top:8px;font-size:11px;line-height:1.55}.public-article-copy em{padding-top:11px;font-size:10px}.public-book-link{border-radius:19px;grid-template-columns:52px minmax(0,1fr) 20px;gap:13px;min-height:124px;padding:19px}.public-book-link>span{border-radius:15px;width:52px;height:52px}.public-book-link>span .eco-svg-icon{width:26px;height:26px}.public-book-link small{font-size:8px}.public-book-link strong{margin-top:7px;font-size:14px}.public-book-link p{margin-top:6px;font-size:10px}.public-article-empty{padding:38px;font-size:12px}.public-article-modal small{font-size:10px}.public-article-modal h2{font-size:29px}.public-article-modal p{font-size:14px}.public-how{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:52px;padding:86px clamp(28px,7vw,108px);scroll-margin-top:76px}.public-how-copy>span{color:#9ed8b9}.public-how-copy p{margin:10px 0 22px;font-size:13px}.public-how-copy a{min-height:42px;padding:0 15px;font-size:11px}.public-role-detail{border-radius:17px;margin-bottom:13px;padding:16px}.public-role-detail.has-art{grid-template-columns:76px minmax(0,1fr)}.public-role-detail-art{border-radius:15px;width:76px;height:76px}.public-role-detail>span{width:56px;height:56px}.public-role-detail small{font-size:8px}.public-role-detail strong{font-size:16px}.public-role-detail p{font-size:11px}.public-role-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-role-flow button{border-radius:17px;grid-template-columns:47px minmax(0,1fr) 20px;gap:12px;min-height:130px;padding:16px}.public-role-flow button>span{border-radius:13px;width:47px;height:47px}.public-role-flow button>span .eco-svg-icon{width:24px;height:24px}.public-role-flow small{margin-top:0;font-size:8px}.public-role-flow strong{margin-top:4px;font-size:13px}.public-role-flow p{margin-top:6px;font-size:10px;line-height:1.5}.public-cta{border-radius:24px;margin:62px clamp(28px,7vw,108px);padding:32px 36px}.public-cta>div{grid-template-columns:58px minmax(0,1fr);column-gap:15px}.public-cta>div>span .eco-svg-icon{width:43px;height:43px}.public-cta h2{font-size:29px}.public-cta p{margin-top:5px;font-size:13px}.public-cta>a{border-radius:12px;min-height:45px;padding:0 17px;font-size:11px}.public-footer{padding:31px clamp(28px,7vw,108px)}.public-footer p,.public-footer>small{font-size:10px}@media (max-width:1120px){.public-ranking-layout,.public-articles-layout{grid-template-columns:1fr}.public-book-link{max-width:520px}.public-how{grid-template-columns:1fr}}@media (max-width:760px){.public-stats-wrap,.public-ranking-section,.public-program-section,.public-articles-section{padding:58px 18px}.public-section-title h2,.public-ranking-heading h2,.public-how h2{letter-spacing:-1.5px;font-size:34px}.public-section-title p,.public-ranking-heading p{font-size:13px}.public-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-stats-grid article{grid-template-columns:1fr;align-content:start;min-height:166px;padding:15px}.public-stats-grid article>span{width:48px;height:48px}.public-stats-grid strong{font-size:25px}.public-ranking-heading{flex-direction:column;align-items:flex-start}.public-period-switch{width:100%;overflow-x:auto}.public-period-switch button{white-space:nowrap;flex:1}.public-class-board,.public-student-board{border-radius:19px;padding:15px}.board-heading{align-items:flex-start}.board-heading>b{white-space:nowrap;align-self:center}.public-class-podium{min-height:128px}.public-class-podium>strong{font-size:12px}.public-class-list article{grid-template-columns:31px 42px minmax(0,1fr) auto;gap:8px;padding:8px}.public-class-list strong{font-size:12px}.public-class-list small{font-size:8px}.public-podiums{gap:5px}.podium-place{min-height:180px;padding-inline:5px}.podium-place.place-1{min-height:205px}.podium-avatar{border-width:4px;width:47px;height:47px}.place-1 .podium-avatar{width:56px;height:56px}.podium-place strong{max-width:90px;font-size:10px}.podium-place b{font-size:9px}.public-program-showcase{grid-template-columns:1fr;min-height:0}.public-program-showcase>div{padding:24px 22px 0}.public-program-showcase h3{font-size:26px}.public-program-showcase p{font-size:12px}.public-program-showcase img{width:100%;max-height:230px}.public-habits{grid-template-columns:1fr}.public-habits button{min-height:132px}.public-habit-detail{grid-template-columns:52px minmax(0,1fr);padding:17px}.public-habit-detail>b{grid-column:2;justify-self:start}.public-article-grid{grid-template-columns:1fr}.public-article-card{grid-template-columns:116px minmax(0,1fr);min-height:154px}.public-article-image{min-height:128px}.public-article-copy strong{font-size:14px}.public-article-copy p{font-size:10px}.public-how{padding:58px 18px}.public-role-flow{grid-template-columns:1fr}.public-role-flow button{min-height:112px}.public-cta{flex-direction:column;align-items:flex-start;margin:38px 18px;padding:24px}.public-cta h2{font-size:24px}.public-cta p{font-size:12px}.public-cta>a{text-align:center;justify-content:center;width:100%}.public-footer{padding:27px 18px}}@media (max-width:430px){.front-brand small{max-width:126px}.public-stats-grid article{min-height:157px}.public-class-list article{grid-template-columns:29px 38px minmax(0,1fr) auto}.public-class-avatar{width:38px;height:38px}.public-class-list article>b{font-size:11px}.public-article-card{grid-template-columns:100px minmax(0,1fr);gap:11px}.public-article-image{min-height:120px}}.public-podiums .podium-place{justify-content:center;padding-bottom:17px}.public-podiums .podium-place b{flex:none;line-height:1.25}.public-podiums .podium-place i{flex:0 0 32px;margin-top:11px;position:static;inset:auto;transform:none}@media (max-width:760px){.public-podiums .podium-place{padding-bottom:14px}.public-podiums .podium-place i{flex-basis:30px;margin-top:9px}}.agriculture-gallery{color:#fff;background:radial-gradient(circle at 84% 4%,#f5d5682b,#0000 25%),linear-gradient(140deg,#0d342c 0%,#12483a 58%,#165943 100%);padding:86px 0 82px;scroll-margin-top:76px;position:relative;overflow:hidden}.agriculture-gallery:before{content:"";pointer-events:none;opacity:.14;background-image:radial-gradient(circle,#d8f6c8 0 1px,#0000 1.5px);background-size:25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.agriculture-gallery-inner{z-index:1;width:min(100%,1320px);margin-inline:auto;position:relative}.agriculture-gallery-heading{justify-content:space-between;align-items:flex-end;gap:28px;padding:0 48px;display:flex}.agriculture-gallery .public-section-title>span{color:#a8dfb8}.agriculture-gallery .public-section-title h2{color:#fff}.agriculture-gallery .public-section-title p{color:#c4d8d0}.agriculture-gallery-controls{flex:none;align-items:center;gap:8px;padding-bottom:2px;display:flex}.agriculture-gallery-controls>span{color:#9ebbb1;font-variant-numeric:tabular-nums;min-width:70px;font-size:11px}.agriculture-gallery-controls>span strong{color:#fff2ad;font-size:18px}.agriculture-gallery-controls button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #d7f2de33;border-radius:13px;place-items:center;width:44px;height:44px;transition:transform .2s,background .2s,border-color .2s;display:grid}.agriculture-gallery-controls button:hover:not(:disabled){background:#ffe88e24;border-color:#ffe88e8c;transform:translateY(-2px)}.agriculture-gallery-controls button:disabled{opacity:.3;cursor:default}.agriculture-empty{color:#d8e9e1;background:#ffffff12;border:1px dashed #d8f2e04d;border-radius:24px;align-items:center;gap:16px;min-height:170px;margin:38px 48px 0;padding:28px;display:flex}.agriculture-empty>.eco-svg-icon{color:#f2d873;width:42px;height:42px}.agriculture-empty strong{color:#fff;font-size:18px;display:block}.agriculture-empty p{color:#b8cec6;margin:6px 0 0;font-size:12px}.agriculture-gallery-track{overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;gap:20px;margin-top:38px;padding:5px 48px 18px;scroll-padding-inline:48px;display:flex;position:relative;overflow-x:auto}.agriculture-gallery-track::-webkit-scrollbar{display:none}.agriculture-gallery-track:focus-visible{outline-offset:-4px;outline:3px solid #f2d66f}.agriculture-card{color:#173e33;scroll-snap-align:start;scroll-snap-stop:always;opacity:.82;background:#f9fbf5;border:1px solid #e2f2e52b;border-radius:27px;flex:0 0 min(900px,100% - 120px);grid-template-columns:minmax(270px,.92fr) minmax(330px,1.08fr);min-height:440px;transition:opacity .3s,transform .3s,border-color .3s;display:grid;overflow:hidden;transform:scale(.985);box-shadow:0 23px 60px #021c1640}.agriculture-card.is-active{opacity:1;border-color:#ffe57d73;transform:scale(1)}.agriculture-card-image{background:#d7ead2;min-height:100%;position:relative;overflow:hidden}.agriculture-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#052a1e8a);position:absolute;inset:0}.agriculture-card-image img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:440px;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:block}.agriculture-card.is-active .agriculture-card-image img{transform:scale(1.025)}.agriculture-status,.agriculture-date{z-index:2;color:#245142;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #ffffff8c;align-items:center;gap:7px;display:inline-flex;position:absolute;box-shadow:0 8px 20px #072d1f24}.agriculture-status{text-transform:uppercase;letter-spacing:.55px;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;top:17px;left:17px}.agriculture-status i{background:#2fbf70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2fbf7021}.agriculture-status.growing i{background:#d6a434;box-shadow:0 0 0 4px #d6a43426}.agriculture-status.harvested i{background:#5e93b1;box-shadow:0 0 0 4px #5e93b126}.agriculture-date{border-radius:10px;padding:8px 10px;font-size:9px;font-weight:750;bottom:15px;right:15px}.agriculture-date .eco-svg-icon{width:13px;height:13px}.agriculture-card-body{flex-direction:column;min-width:0;padding:35px;display:flex}.agriculture-card-index{color:#1a8056;letter-spacing:1.25px;font-size:9px;font-weight:950}.agriculture-card h3{color:#173e33;letter-spacing:-1.1px;margin:10px 0 11px;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.agriculture-card-body>p{color:#657970;margin:0;font-size:12px;line-height:1.65}.agriculture-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0;display:grid}.agriculture-facts>div{background:#f1f6ed;border:1px solid #e0e8dc;border-radius:13px;min-width:0;padding:12px}.agriculture-facts dt{color:#7a8a83;font-size:8px;font-weight:750}.agriculture-facts dd{color:#244d3f;text-overflow:ellipsis;margin:5px 0 0;font-size:10px;font-weight:850;line-height:1.35;overflow:hidden}.agriculture-stage{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid;position:relative}.agriculture-stage:before{content:"";background:#d7e2d3;height:2px;position:absolute;top:15px;left:12%;right:12%}.agriculture-stage span{z-index:1;color:#93a19b;justify-items:center;gap:6px;font-size:8px;font-weight:850;display:grid;position:relative}.agriculture-stage span i{color:#77877f;background:#dfe7dc;border:3px solid #f9fbf5;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-style:normal;display:grid;box-shadow:0 0 0 1px #d5dfd2}.agriculture-stage span.complete{color:#1a764f}.agriculture-stage span.complete i{color:#fff;background:#2b9661;box-shadow:0 0 0 1px #2b9661,0 5px 11px #227b4e2e}.agriculture-stage .eco-svg-icon{width:13px;height:13px}.agriculture-track-end{flex:0 0 clamp(8px,3vw,42px)}.agriculture-gallery-footer{grid-template-columns:minmax(230px,auto) minmax(160px,1fr) auto;align-items:center;gap:24px;padding:5px 48px 0;display:grid}.agriculture-gallery-footer p{color:#b8cec6;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.agriculture-gallery-footer p .eco-svg-icon{color:#f5dc7b;width:14px;height:14px}.agriculture-progress{background:#e6f4e929;border-radius:99px;height:3px;overflow:hidden}.agriculture-progress i{border-radius:inherit;background:linear-gradient(90deg,#76c78b,#f2d873);height:100%;transition:transform .28s;display:block}.agriculture-dots{align-items:center;gap:6px;display:flex}.agriculture-dots button{cursor:pointer;background:#dcefe14d;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .22s,background .22s}.agriculture-dots button.active{background:#f3d773;width:23px}@media (max-width:900px){.agriculture-gallery-heading,.agriculture-gallery-track,.agriculture-gallery-footer{padding-inline:28px}.agriculture-gallery-track{scroll-padding-inline:28px}.agriculture-empty{margin-inline:28px}.agriculture-card{flex-basis:min(730px,100% - 72px);grid-template-columns:.9fr 1.1fr}.agriculture-card-body{padding:27px}.agriculture-facts{grid-template-columns:1fr;margin:18px 0}.agriculture-facts>div{justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.agriculture-facts dd{text-align:right;margin:0}}@media (max-width:650px){.public-mobile-nav{grid-template-columns:repeat(6,1fr)}.agriculture-gallery{padding:59px 0 57px}.agriculture-gallery-heading{align-items:flex-start;padding:0 18px}.agriculture-gallery-heading .public-section-title h2{font-size:34px}.agriculture-gallery-heading .public-section-title p{font-size:13px}.agriculture-gallery-controls{padding-top:31px}.agriculture-gallery-controls>span{display:none}.agriculture-gallery-controls button{border-radius:11px;width:39px;height:39px}.agriculture-empty{min-height:150px;margin:28px 18px 0;padding:22px}.agriculture-gallery-track{gap:13px;margin-top:28px;padding:4px 18px 16px;scroll-padding-inline:18px}.agriculture-card{border-radius:22px;flex-basis:min(86vw,380px);grid-template-columns:1fr;min-height:0}.agriculture-card-image{min-height:255px}.agriculture-card-image img{height:255px;min-height:255px}.agriculture-card-body{padding:23px 20px 21px}.agriculture-card h3{margin-top:8px;font-size:25px}.agriculture-card-body>p{font-size:11px}.agriculture-facts{gap:6px;margin:18px 0}.agriculture-stage{margin-top:2px}.agriculture-gallery-footer{justify-content:space-between;align-items:center;gap:13px;padding:3px 18px 0;display:flex}.agriculture-gallery-footer p{display:none}.agriculture-progress{flex:1}}@media (prefers-reduced-motion:reduce){.agriculture-gallery-track{scroll-behavior:auto}.agriculture-card,.agriculture-card-image img,.agriculture-gallery-controls button,.agriculture-progress i,.agriculture-dots button{transition:none}}.public-subpage{background:#f5f8f1}.public-subpage-hero{color:#fff;background:radial-gradient(circle at 84% 18%,#86d58c40,#0000 28%),linear-gradient(135deg,#113d32,#176348 62%,#24805a);min-height:390px;padding:68px clamp(28px,7vw,108px) 72px;position:relative;overflow:hidden}.public-subpage-hero:before{content:"";opacity:.14;background-image:radial-gradient(circle,#d9f6d0 0 1px,#0000 1.5px);background-size:27px 27px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 82%);mask-image:linear-gradient(120deg,#000,#0000 82%)}.public-subpage-hero>*{z-index:1;position:relative}.public-subpage-hero>a{color:#c6e4d8;align-items:center;gap:7px;margin-bottom:42px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.public-subpage-hero>a:hover{color:#fff4b2}.public-subpage-hero>a .eco-svg-icon{width:15px;height:15px}.public-subpage-hero>span{color:#a9dfbc;letter-spacing:1.6px;font-size:10px;font-weight:950;display:block}.public-subpage-hero h1{letter-spacing:-3.3px;max-width:820px;margin:10px 0 16px;font-size:clamp(46px,6vw,78px);line-height:.98}.public-subpage-hero h1 em{color:#ffe681;font-style:normal}.public-subpage-hero>p{color:#d2e9df;max-width:690px;margin:0;font-size:15px;line-height:1.7}.program-page-hero:after{content:"";aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:min(34vw,420px);position:absolute;bottom:-95px;right:clamp(20px,8vw,130px);box-shadow:0 0 0 52px #ffffff0a,0 0 0 104px #ffffff06}.public-program-standalone{background:0 0;width:min(100%,1320px);margin-inline:auto}.public-program-standalone .public-program-showcase{border-radius:28px;min-height:330px;margin-top:0}.public-program-standalone .public-program-showcase>div{padding:38px 0 38px 42px}.public-program-showcase h2{color:#174e3b;letter-spacing:-1.4px;max-width:430px;margin:9px 0 11px;font-size:clamp(29px,3.2vw,45px);line-height:1.04}.public-program-standalone .public-program-showcase p{max-width:470px;font-size:13px;line-height:1.65}.public-program-standalone .public-program-showcase img{width:min(100%,620px);max-height:340px}.public-program-showcase a{color:#fff;background:#176f4b;border-radius:11px;align-items:center;gap:10px;margin-top:20px;padding:11px 14px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex}.public-program-showcase a .eco-svg-icon{width:14px;height:14px}.program-habit-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:58px;display:flex}.program-habit-heading span{color:#168354;letter-spacing:1.3px;font-size:9px;font-weight:950}.program-habit-heading h2{color:#173e33;letter-spacing:-1.5px;margin:7px 0 0;font-size:clamp(27px,3.4vw,42px)}.program-habit-heading>small{color:#367358;background:#e3efdc;border-radius:999px;flex:none;padding:8px 11px;font-size:9px;font-weight:850}.program-empty{color:#65776f;background:#f9fcf6;border:1px dashed #bfd4b8;border-radius:16px;align-items:center;gap:9px;margin-top:16px;padding:22px;font-size:12px;display:flex}.how-page-hero{background:radial-gradient(circle at 77% 15%,#ffe07129,#0000 28%),linear-gradient(135deg,#102f2a,#153f35 58%,#1e5e48);min-height:350px}.public-how-standalone{min-height:560px;padding-top:76px;padding-bottom:76px}.public-how-standalone .public-how-copy{max-width:510px}.how-flow-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100% - 56px,1160px);margin:64px auto;display:grid}.how-flow-summary article{background:#fff;border:1px solid #dce6d7;border-radius:20px;grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:155px;padding:22px;display:grid;box-shadow:0 12px 27px #264e380f}.how-flow-summary article>span{color:#20774f;background:#e3f1dd;border-radius:13px;place-items:center;width:44px;height:44px;font-size:11px;font-weight:950;display:grid}.how-flow-summary strong{color:#214e3c;font-size:14px}.how-flow-summary p{color:#6c7e75;margin:7px 0 0;font-size:11px;line-height:1.55}@media (max-width:900px){.public-subpage-hero{min-height:350px;padding-top:55px}.public-program-standalone .public-program-showcase{grid-template-columns:1fr}.public-program-standalone .public-program-showcase>div{padding:32px 30px 0}.public-program-standalone .public-program-showcase img{justify-self:center;max-height:300px}.how-flow-summary{grid-template-columns:1fr}}@media (max-width:760px){.public-mobile-nav a.active:not(.login){color:#176f4b;background:#e4f2de}.public-subpage-hero{min-height:330px;padding:42px 19px 50px}.public-subpage-hero>a{margin-bottom:34px;font-size:10px}.public-subpage-hero h1{letter-spacing:-2.4px;margin-top:9px;font-size:clamp(42px,13vw,58px)}.public-subpage-hero>p{font-size:13px;line-height:1.6}.public-program-standalone{padding:42px 18px 58px}.public-program-standalone .public-program-showcase{border-radius:22px;min-height:0}.public-program-standalone .public-program-showcase>div{padding:25px 22px 0}.public-program-showcase h2{font-size:31px}.public-program-standalone .public-program-showcase p{font-size:12px}.program-habit-heading{flex-direction:column;align-items:flex-start;margin-top:42px}.program-habit-heading h2{font-size:30px}.program-habit-heading>small{align-self:flex-start}.public-how-standalone{min-height:0;padding:54px 18px}.how-flow-summary{width:auto;margin:42px 18px}.how-flow-summary article{min-height:0;padding:18px}}.redesigned-home{background:#f5f8f2;overflow:clip}.home-news{background:radial-gradient(circle at 91% 10%,#f4d9703b,#0000 24%),radial-gradient(circle at 2% 76%,#55af7021,#0000 29%),#f8faf4;padding:82px clamp(28px,7vw,108px) 88px;position:relative;overflow:hidden}.home-news:before{content:"";pointer-events:none;border:1px solid #1d794f1a;border-radius:50%;width:410px;height:410px;position:absolute;top:-180px;right:-130px;box-shadow:0 0 0 58px #1d794f09,0 0 0 116px #1d794f05}.home-news-heading,.home-news-layout,.home-news-empty{z-index:1;width:min(100%,1320px);margin-inline:auto;position:relative}.home-news-heading{grid-template-columns:minmax(0,1fr) minmax(290px,390px);align-items:end;gap:clamp(34px,7vw,110px);margin-bottom:38px;display:grid}.home-news-heading>div:first-child>span,.home-activity-heading>div>span{color:#188156;letter-spacing:1.55px;font-size:10px;font-weight:950}.home-news-heading h1{color:#153f33;letter-spacing:-4px;margin:10px 0 0;font-size:clamp(48px,6.1vw,84px);line-height:.94}.home-news-heading h1 em{color:#1e8359;font-style:normal}.home-news-heading>div:last-child{border-left:1px solid #cdddc8;padding-left:25px}.home-news-heading p{color:#60736a;margin:0;font-size:14px;line-height:1.7}.home-news-heading small{color:#7a8a82;align-items:center;gap:8px;margin-top:16px;font-size:9px;font-weight:750;display:flex}.home-news-heading small i{background:#31ac6d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #31ac6d1f}.home-news-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:18px;display:grid}.home-featured-article{min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #dbe5d6;border-radius:29px;padding:0;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 24px 65px #224b351a}.home-featured-article:hover{transform:translateY(-4px);box-shadow:0 29px 72px #224b3526}.home-featured-article:focus-visible,.home-news-list>button:focus-visible{outline-offset:3px;outline:3px solid #1f8b5b59}.home-featured-image{color:#237c54;background:linear-gradient(135deg,#dbead3,#bcd5b4);place-items:center;min-height:clamp(320px,42vw,500px);display:grid;position:relative;overflow:hidden}.home-featured-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#082d2180);position:absolute;inset:0}.home-featured-image>.eco-svg-icon{opacity:.55;width:80px;height:80px}.home-featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.home-featured-article:hover .home-featured-image img{transform:scale(1.025)}.home-featured-image i{z-index:2;color:#1c6b4a;letter-spacing:.8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff8c;border-radius:999px;padding:9px 12px;font-size:9px;font-style:normal;font-weight:950;position:absolute;top:22px;left:22px}.home-featured-copy{padding:29px 31px 31px;display:block}.home-featured-copy>small{color:#75867e;font-size:9px;font-weight:700;display:block}.home-featured-copy>strong{color:#173f33;letter-spacing:-1.2px;max-width:720px;margin-top:9px;font-size:clamp(25px,2.7vw,38px);line-height:1.12;display:block}.home-featured-copy>p{color:#697a72;max-width:730px;margin:12px 0 0;font-size:12px;line-height:1.7}.home-featured-copy>em{color:#18774f;align-items:center;gap:7px;margin-top:22px;font-size:10px;font-style:normal;font-weight:850;display:inline-flex}.home-featured-copy>em .eco-svg-icon{width:14px;height:14px}.home-news-list{flex-direction:column;gap:10px;min-width:0;display:flex}.home-news-list-heading{background:#ffffffc7;border:1px solid #dce6d7;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:75px;padding:16px 19px;display:flex}.home-news-list-heading strong{color:#254f40;font-size:14px;display:block}.home-news-list-heading small{color:#7b8c84;margin-top:4px;font-size:9px;display:block}.home-news-list-heading>.eco-svg-icon{color:#2b8b60;width:27px;height:27px}.home-news-list>button{min-height:124px;color:inherit;text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #dfe8db;border-radius:18px;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.home-news-list>button:hover{border-color:#b7d3b1;transform:translate(-3px);box-shadow:0 12px 28px #234b3614}.home-news-list>button>span{color:#237b53;background:#e2efdc;border-radius:12px;place-items:center;min-height:102px;display:grid;overflow:hidden}.home-news-list>button>span img{object-fit:cover;width:100%;height:100%}.home-news-list>button>span .eco-svg-icon{width:30px;height:30px}.home-news-list>button>div{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:4px 6px 4px 0;display:flex}.home-news-list>button small{color:#83928b;font-size:8px}.home-news-list>button strong{color:#234b3d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.home-news-list>button em{color:#23805a;align-items:center;gap:5px;margin-top:auto;font-size:8px;font-style:normal;font-weight:800;display:flex}.home-news-list>button em .eco-svg-icon{width:11px;height:11px}.home-book-link{color:#fff;background:linear-gradient(135deg,#174d3c,#197351);border-radius:17px;grid-template-columns:43px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:75px;margin-top:auto;padding:14px 16px;text-decoration:none;transition:transform .2s;display:grid;box-shadow:0 13px 27px #134f3a2e}.home-book-link:hover{transform:translateY(-2px)}.home-book-link>span{color:#ffe383;background:#ffffff1f;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.home-book-link>span .eco-svg-icon{width:23px;height:23px}.home-book-link small{color:#b8d9ce;letter-spacing:.65px;font-size:7px;font-weight:900;display:block}.home-book-link strong{margin-top:4px;font-size:12px;display:block}.home-book-link>.eco-svg-icon{width:16px;height:16px}.home-news-empty{text-align:center;background:#ffffffad;border:1px dashed #bfd3b9;border-radius:26px;place-content:center;justify-items:center;min-height:300px;padding:30px;display:grid}.home-news-empty>.eco-svg-icon{color:#23835a;width:44px;height:44px}.home-news-empty strong{color:#244b3d;margin-top:14px;font-size:20px}.home-news-empty p{color:#73847c;margin:7px 0 0;font-size:12px}.home-activity{background:radial-gradient(circle at 12% 100%,#46a9681f,#0000 29%),#f7faf4;padding:84px clamp(28px,7vw,108px) 92px;position:relative}.home-activity-heading,.home-activity-grid,.home-activity-note{width:min(100%,1320px);margin-inline:auto}.home-activity-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px;display:flex}.home-activity-heading h2{color:#163f33;letter-spacing:-2.5px;max-width:720px;margin:9px 0 8px;font-size:clamp(36px,4.3vw,60px);line-height:1}.home-activity-heading p{color:#6c7d75;margin:0;font-size:13px}.home-activity-heading>a{color:#fff;background:#176f4b;border-radius:13px;flex:none;align-items:center;gap:9px;min-height:45px;padding:0 17px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 12px 25px #176f4b2e}.home-activity-heading>a:hover{background:#105b3d}.home-activity-heading>a .eco-svg-icon{width:14px;height:14px}.home-activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-activity-grid article{background:#fff;border:1px solid #dae5d6;border-radius:23px;align-content:space-between;min-height:250px;padding:23px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 38px #1f4a3312}.home-activity-grid article:after{content:"";background:#edf5e9;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-48px;right:-40px}.home-activity-grid article>span{z-index:1;color:#1f7b52;background:#e1f0dc;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:relative}.home-activity-grid article>span .eco-svg-icon{width:25px;height:25px}.home-activity-grid article>div{z-index:1;margin-top:24px;position:relative}.home-activity-grid small{color:#71857b;letter-spacing:.7px;font-size:8px;font-weight:900}.home-activity-grid strong{color:#183f33;letter-spacing:-1.7px;margin-top:5px;font-size:41px;display:block}.home-activity-grid p{color:#75867e;margin:7px 0 0;font-size:10px;line-height:1.5}.home-activity-grid article>i{z-index:1;color:#819087;font-size:8px;font-style:normal;font-weight:800;position:absolute;top:24px;right:20px}.home-activity-grid article.gaspol>span{color:#a76a14;background:#fff0c9}.home-activity-grid article.gaspol:after{background:#fff8e5}.home-activity-grid article.points>span{color:#6457aa;background:#e7e4ff}.home-activity-grid article.points:after{background:#f1efff}.home-activity-grid article.classes>span{color:#326f82;background:#dcecf2}.home-activity-grid article.classes:after{background:#edf5f7}.home-activity-note{color:#71817a;border:1px dashed #bfd1b9;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:14px 17px;font-size:9px;display:flex}.home-activity-note span{align-items:center;gap:8px;font-weight:750;display:flex}.home-activity-note span i{background:#27a767;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27a7671f}.home-activity-note p{margin:0}.leaderboard-page{background:#f4f7f0}.leaderboard-page-hero{background:radial-gradient(circle at 84% 14%,#ffde6642,#0000 26%),linear-gradient(135deg,#12372f,#17523f 60%,#217452);min-height:365px}.leaderboard-page-hero:after{content:"";aspect-ratio:1;border:1px solid #ffea922e;border-radius:50%;width:min(36vw,420px);position:absolute;bottom:-108px;right:clamp(32px,10vw,160px);box-shadow:0 0 0 48px #ffea920a,0 0 0 96px #ffea9206}.public-ranking-standalone{background:0 0;width:min(100%,1320px);margin-inline:auto}@media (max-width:1050px){.home-news-layout{grid-template-columns:1fr}.home-news-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-news-list-heading,.home-book-link{min-height:92px}.home-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-activity-grid article{min-height:220px}}@media (max-width:760px){.redesigned-home{padding-bottom:72px}.home-news{padding:55px 18px 61px}.home-news-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.home-news-heading h1{letter-spacing:-3px;font-size:clamp(46px,14vw,64px)}.home-news-heading>div:last-child{border:0;padding:0}.home-news-heading p{max-width:520px;font-size:12px}.home-featured-article{border-radius:22px}.home-featured-image{min-height:285px}.home-featured-image i{top:16px;left:16px}.home-featured-copy{padding:22px}.home-featured-copy>strong{font-size:26px}.home-featured-copy>p{font-size:11px}.home-news-list{grid-template-columns:1fr}.home-news-list-heading{min-height:70px}.home-news-list>button{grid-template-columns:96px minmax(0,1fr);min-height:116px}.home-news-list>button>span{min-height:94px}.home-book-link{min-height:76px}.home-activity{padding:62px 18px 74px}.home-activity-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:27px}.home-activity-heading h2{letter-spacing:-1.7px;font-size:38px}.home-activity-heading>a{justify-content:center;width:100%}.home-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-activity-grid article{border-radius:19px;min-height:190px;padding:17px}.home-activity-grid article>span{border-radius:12px;width:43px;height:43px}.home-activity-grid article>span .eco-svg-icon{width:22px;height:22px}.home-activity-grid article>i{top:19px;right:14px}.home-activity-grid article>div{margin-top:20px}.home-activity-grid strong{font-size:33px}.home-activity-note{flex-direction:column;align-items:flex-start;gap:8px}.leaderboard-page-hero{min-height:350px}.public-ranking-standalone{padding:55px 18px 68px}}@media (max-width:430px){.home-featured-image{min-height:245px}.home-featured-copy>strong{font-size:23px}.home-featured-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-news-list>button{grid-template-columns:88px minmax(0,1fr);gap:11px}.home-news-list>button>span{min-height:89px}.home-activity-grid{grid-template-columns:1fr}.home-activity-grid article{min-height:168px}.home-activity-grid article>div{margin-top:14px}.home-activity-grid strong{font-size:31px}}@media (prefers-reduced-motion:reduce){.home-featured-article,.home-featured-image img,.home-news-list>button,.home-book-link{transition:none}}.front-header{grid-template-columns:minmax(185px,.8fr) auto minmax(180px,.8fr);gap:18px;padding-inline:clamp(20px,3.5vw,54px)}.front-header nav{gap:clamp(12px,1.35vw,20px)}.front-header nav a{font-size:11px}.public-footer{grid-template-columns:auto minmax(190px,1fr) auto auto}.public-footer nav{justify-content:center;align-items:center;gap:15px;display:flex}.public-footer nav a{color:#5f756b;white-space:nowrap;font-size:9px;font-weight:750;text-decoration:none}.public-footer nav a:hover{color:#18754f}.program-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.program-trust-strip>span{background:#ffffffb8;border:1px solid #dce7d8;border-radius:15px;grid-template-columns:39px minmax(0,1fr);align-items:center;column-gap:11px;padding:14px;display:grid}.program-trust-strip>span>.eco-svg-icon{color:#208057;grid-row:1/span 2;justify-self:center;width:22px;height:22px}.program-trust-strip strong{color:#285040;font-size:11px}.program-trust-strip small{color:#798981;font-size:8px;line-height:1.4}.program-gaspol-flow{color:#fff;background:#123d32;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:clamp(35px,7vw,92px);padding:82px clamp(28px,7vw,108px);display:grid}.program-gaspol-flow>div>span{color:#9ed8b9;letter-spacing:1.4px;font-size:9px;font-weight:950}.program-gaspol-flow h2{letter-spacing:-2.3px;margin:9px 0 12px;font-size:clamp(33px,4vw,54px);line-height:1}.program-gaspol-flow>div>p{color:#bfd6cc;margin:0;font-size:13px;line-height:1.7}.program-gaspol-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.program-gaspol-flow li{background:#ffffff13;border:1px solid #def3e526;border-radius:21px;min-height:230px;padding:22px;position:relative}.program-gaspol-flow li>b{color:#8db6a6;font-size:9px;position:absolute;top:17px;right:18px}.program-gaspol-flow li>span{color:#705718;background:#ffe78a;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.program-gaspol-flow li>span .eco-svg-icon{width:24px;height:24px}.program-gaspol-flow li>strong{margin-top:24px;font-size:16px;display:block}.program-gaspol-flow li>p{color:#bdd2c9;margin:8px 0 0;font-size:10px;line-height:1.6}.how-access-guide{background:#eef5e9;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,90px);padding:75px clamp(28px,7vw,108px);display:grid}.how-access-guide>div:first-child>span{color:#168154;letter-spacing:1.35px;font-size:9px;font-weight:950}.how-access-guide h2{color:#173f33;letter-spacing:-2px;margin:9px 0 13px;font-size:clamp(32px,3.8vw,50px);line-height:1.02}.how-access-guide>div:first-child>p{color:#667970;margin:0;font-size:13px;line-height:1.7}.how-access-guide>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.how-access-guide article{background:#fff;border:1px solid #d5e2d1;border-radius:22px;padding:24px;box-shadow:0 15px 34px #284e3912}.how-access-guide article>span{color:#217b53;background:#e2f0dc;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.how-access-guide article>span .eco-svg-icon{width:25px;height:25px}.how-access-guide article>small{color:#27815a;letter-spacing:.8px;margin-top:22px;font-size:8px;font-weight:950;display:block}.how-access-guide article>strong{color:#224c3d;margin-top:5px;font-size:18px;display:block}.how-access-guide ul{gap:9px;margin:16px 0 0;padding:0;list-style:none;display:grid}.how-access-guide li{color:#6c7e75;padding-left:17px;font-size:10px;line-height:1.5;position:relative}.how-access-guide li:before{content:"";background:#46a66d;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.learning-page{background:#f6f8f2}.learning-page-hero{background:radial-gradient(circle at 83% 22%,#ffe1704d,#0000 27%),linear-gradient(135deg,#143a31,#1b6248 61%,#24865c);min-height:410px}.learning-page-hero:after{content:"";aspect-ratio:1;border:1px solid #ffffff21;border-radius:50%;width:min(40vw,470px);position:absolute;bottom:-130px;right:clamp(28px,9vw,150px);box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff05}.learning-path-section{padding:82px clamp(28px,7vw,108px) 90px}.learning-section-heading,.learning-path-grid,.official-resources-heading,.official-resource-grid{width:min(100%,1320px);margin-inline:auto}.learning-section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:32px;display:flex}.learning-section-heading>div:first-child>span,.official-resources-heading span,.learning-routine>div>span{color:#1c8056;letter-spacing:1.35px;font-size:9px;font-weight:950}.learning-section-heading h2,.official-resources-heading h2,.learning-routine h2{color:#173f33;letter-spacing:-2.2px;margin:8px 0 9px;font-size:clamp(34px,4vw,54px);line-height:1}.learning-section-heading p{color:#6d7d75;margin:0;font-size:12px}.learning-level-switch{background:#edf3e9;border:1px solid #d7e3d3;border-radius:14px;flex:none;gap:5px;padding:5px;display:flex}.learning-level-switch button{color:#64786e;min-height:35px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:9px;font-weight:800}.learning-level-switch button.active{color:#19764f;background:#fff;box-shadow:0 6px 15px #2a513a1a}.learning-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.learning-path-grid article{background:#fff;border:1px solid #dce6d8;border-radius:24px;flex-direction:column;min-height:360px;padding:27px;display:flex;box-shadow:0 17px 42px #264e3712}.learning-path-grid article>span{color:#1f7c52;background:#e3f0dc;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.learning-path-grid article>span .eco-svg-icon{width:28px;height:28px}.learning-path-grid article>small{color:#1f8056;letter-spacing:.9px;margin-top:27px;font-size:8px;font-weight:950}.learning-path-grid h3{color:#244b3d;letter-spacing:-.6px;margin:8px 0 10px;font-size:21px;line-height:1.18}.learning-path-grid article>p{color:#6f8078;margin:0;font-size:11px;line-height:1.65}.learning-path-grid ul{border-top:1px solid #e5ebe1;gap:8px;margin:auto 0 0;padding:21px 0 0;list-style:none;display:grid}.learning-path-grid li{color:#516a5f;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.learning-path-grid li .eco-svg-icon{color:#309364;width:13px;height:13px}.official-resources{color:#fff;background:radial-gradient(circle at 8% 90%,#ffe2751f,#0000 25%),#123d32;padding:83px clamp(28px,7vw,108px) 90px}.official-resources-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;display:flex}.official-resources-heading span{color:#a8ddb9}.official-resources-heading h2{color:#fff}.official-resources-heading>p{color:#bdd2c9;max-width:370px;margin:0;font-size:11px;line-height:1.65}.official-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.official-resource-grid>a{color:#fff;background:#ffffff13;border:1px solid #daf2e229;border-radius:22px;flex-direction:column;min-height:300px;padding:25px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:flex}.official-resource-grid>a:hover{background:#ffffff1c;border-color:#ffe47d6e;transform:translateY(-4px)}.official-resource-grid>a>span{color:#6e5517;background:#ffe58b;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.official-resource-grid>a>span .eco-svg-icon{width:25px;height:25px}.official-resource-grid small{color:#a9d1c1;letter-spacing:.8px;margin-top:26px;font-size:8px;font-weight:950}.official-resource-grid strong{margin-top:6px;font-size:20px}.official-resource-grid p{color:#bdd3ca;margin:10px 0 0;font-size:11px;line-height:1.65}.official-resource-grid em{color:#ffe68d;align-items:center;gap:7px;margin-top:auto;font-size:9px;font-style:normal;font-weight:850;display:flex}.official-resource-grid em .eco-svg-icon{width:13px;height:13px}.learning-routine{background:#fff;border:1px solid #d9e4d5;border-radius:25px;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr) auto;align-items:center;gap:36px;margin:72px clamp(28px,7vw,108px);padding:34px;display:grid;box-shadow:0 18px 42px #284d3912}.learning-routine h2{font-size:clamp(27px,3vw,40px)}.learning-routine>div>p{color:#6e7f77;margin:0;font-size:11px;line-height:1.6}.learning-routine ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.learning-routine li{background:#f0f5ec;border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.learning-routine li>b{color:#207a52;background:#dcecd5;border-radius:11px;place-items:center;width:36px;height:36px;font-size:9px;display:grid}.learning-routine li strong,.learning-routine li small{display:block}.learning-routine li strong{color:#2a5041;font-size:10px}.learning-routine li small{color:#788981;margin-top:3px;font-size:7px;line-height:1.35}.learning-routine>a{color:#fff;white-space:nowrap;background:#18754f;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex}.learning-routine>a .eco-svg-icon{width:14px;height:14px}.about-page{background:#f7f9f3}.about-page-hero{background:radial-gradient(circle at 82% 22%,#ffe37745,#0000 28%),linear-gradient(135deg,#102f2a,#174b3b 58%,#216b4d);min-height:430px}.about-page-hero:after{content:"S";color:#ffffff0e;font-size:min(35vw,420px);font-weight:950;line-height:1;position:absolute;bottom:-80px;right:clamp(35px,10vw,165px)}.about-identity{grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:clamp(42px,8vw,105px);padding:86px clamp(28px,7vw,108px);display:grid}.about-identity-copy>span,.about-purpose-main>small,.about-gaspol>div>span,.about-cta small{color:#188057;letter-spacing:1.35px;font-size:9px;font-weight:950}.about-identity-copy h2,.about-purpose-main h2,.about-gaspol h2,.about-cta h2{color:#173f33;letter-spacing:-2.2px;margin:9px 0 13px;font-size:clamp(35px,4vw,54px);line-height:1}.about-identity-copy>p{color:#697b72;margin:0;font-size:13px;line-height:1.72}.about-school-mark{border-top:1px solid #dbe4d7;grid-template-columns:55px minmax(0,1fr);gap:14px;margin-top:28px;padding-top:24px;display:grid}.about-school-mark>span{color:#207b53;background:#dfeeda;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.about-school-mark>span .eco-svg-icon{width:26px;height:26px}.about-school-mark small,.about-school-mark strong,.about-school-mark p{display:block}.about-school-mark small{color:#7b8b83;letter-spacing:.7px;font-size:7px;font-weight:900}.about-school-mark strong{color:#284f40;margin-top:5px;font-size:14px}.about-school-mark p{color:#819087;margin:4px 0 0;font-size:8px;line-height:1.4}.about-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.about-pillar-grid article{background:#fff;border:1px solid #dce6d8;border-radius:20px;min-height:210px;padding:20px;position:relative;box-shadow:0 13px 31px #274d380f}.about-pillar-grid article>b{color:#19784f;background:#e1efdb;border-radius:14px;place-items:center;width:45px;height:45px;font-size:20px;display:grid}.about-pillar-grid article>span{color:#9aa79f;font-size:8px;font-weight:850;position:absolute;top:18px;right:18px}.about-pillar-grid article>strong{color:#244c3d;margin-top:24px;font-size:15px;display:block}.about-pillar-grid article>p{color:#718179;margin:7px 0 0;font-size:9px;line-height:1.55}.about-purpose{background:#eef5e9;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(35px,7vw,90px);padding:84px clamp(28px,7vw,108px);display:grid}.about-purpose-main>span{color:#fff;background:#1b7851;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:25px;display:grid;box-shadow:0 13px 25px #1b785133}.about-purpose-main>span .eco-svg-icon{width:29px;height:29px}.about-purpose-main>p{color:#61756b;margin:0;font-size:13px;line-height:1.72}.about-purpose-main>a{color:#197650;align-items:center;gap:8px;margin-top:24px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex}.about-purpose-main>a .eco-svg-icon{width:14px;height:14px}.about-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.about-principles article{background:#ffffffd1;border:1px solid #d7e3d3;border-radius:18px;grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:145px;padding:19px;display:grid}.about-principles article>span{color:#217c54;background:#e0efda;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.about-principles article>span .eco-svg-icon{width:22px;height:22px}.about-principles strong{color:#285040;font-size:12px}.about-principles p{color:#718179;margin:6px 0 0;font-size:9px;line-height:1.55}.about-gaspol{color:#fff;background:#123d32;grid-template-columns:minmax(310px,.9fr) minmax(360px,1.1fr) auto;align-items:center;gap:clamp(28px,5vw,70px);padding:72px clamp(28px,7vw,108px);display:grid}.about-gaspol>div>span{color:#a7d9b7}.about-gaspol h2{color:#ffe586;margin-bottom:4px;font-size:clamp(48px,6vw,78px)}.about-gaspol>div>strong{font-size:13px}.about-gaspol>div>p{color:#bdd2c9;margin:15px 0 0;font-size:11px;line-height:1.65}.about-gaspol ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.about-gaspol li{background:#ffffff12;border:1px solid #dcf2e326;border-radius:14px;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:12px;padding:13px;display:grid}.about-gaspol li b{color:#ffe586;background:#ffe58621;border-radius:12px;place-items:center;width:40px;height:40px;font-size:9px;display:grid}.about-gaspol li span{color:#e3f0ea;font-size:11px;font-weight:750}.about-gaspol>a{color:#624d16;white-space:nowrap;background:#ffe586;border-radius:12px;align-items:center;gap:8px;min-height:45px;padding:0 15px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex}.about-gaspol>a .eco-svg-icon{width:14px;height:14px}.about-cta{background:#fff;border:1px solid #d7e3d3;border-radius:25px;justify-content:space-between;align-items:center;gap:38px;margin:70px clamp(28px,7vw,108px);padding:34px;display:flex;box-shadow:0 17px 39px #274c3812}.about-cta h2{margin-bottom:8px;font-size:clamp(28px,3.3vw,44px)}.about-cta p{color:#6d7f76;margin:0;font-size:11px}.about-cta>div:last-child{flex:none;gap:8px;display:flex}.about-cta a{color:#255641;border:1px solid #cddccb;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 15px;font-size:9px;font-weight:850;text-decoration:none;display:inline-flex}.about-cta a:last-child{color:#fff;background:#19754f;border-color:#19754f}.about-cta a .eco-svg-icon{width:13px;height:13px}@media (max-width:1180px){.public-footer{grid-template-columns:auto 1fr auto}.public-footer>p{display:none}.learning-routine{grid-template-columns:1fr}.learning-routine ol{order:2}.learning-routine>a{width:max-content}.about-gaspol{grid-template-columns:1fr 1fr}.about-gaspol>a{grid-column:1/-1;width:max-content}}@media (max-width:900px){.program-gaspol-flow,.how-access-guide,.about-identity,.about-purpose{grid-template-columns:1fr}.program-gaspol-flow ol{margin-top:3px}.learning-section-heading,.official-resources-heading{flex-direction:column;align-items:flex-start}.learning-level-switch{width:100%;overflow-x:auto}.learning-level-switch button{white-space:nowrap;flex:1}.learning-path-grid{grid-template-columns:1fr}.learning-path-grid article{min-height:0}.about-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-cta{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.public-mobile-nav{grid-template-columns:repeat(6,1fr)}.public-footer nav{flex-wrap:wrap;justify-content:flex-start}.program-trust-strip,.program-gaspol-flow ol{grid-template-columns:1fr}.program-gaspol-flow{padding:59px 18px}.program-gaspol-flow li{min-height:180px}.how-access-guide{padding:56px 18px}.how-access-guide>div:last-child{grid-template-columns:1fr}.learning-page-hero,.about-page-hero{min-height:370px}.learning-path-section,.official-resources{padding:59px 18px 65px}.learning-level-switch button{padding-inline:10px}.official-resource-grid{grid-template-columns:1fr}.official-resource-grid>a{min-height:260px}.learning-routine{gap:25px;margin:45px 18px;padding:24px}.learning-routine ol{grid-template-columns:1fr}.learning-routine>a{justify-content:center;width:100%}.about-identity,.about-purpose{padding:59px 18px}.about-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-pillar-grid article{min-height:190px;padding:17px}.about-principles{grid-template-columns:1fr}.about-gaspol{grid-template-columns:1fr;padding:59px 18px}.about-gaspol>a{grid-column:auto;justify-content:center;width:100%}.about-cta{margin:45px 18px;padding:25px}.about-cta>div:last-child{flex-direction:column;width:100%}.public-subpage{padding-bottom:72px}}@media (max-width:430px){.front-brand small{max-width:112px}.front-header .audio-toggle{width:29px;min-height:31px}.front-login{width:31px;min-height:31px}.learning-level-switch{scrollbar-width:none}.learning-level-switch::-webkit-scrollbar{display:none}.about-pillar-grid{grid-template-columns:1fr}.about-pillar-grid article{min-height:165px}}.workspace-confirm-input{gap:8px;margin-top:20px;font-size:14px;display:grid}.workspace-confirm-input input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:12px}.workspace-confirm-input input:focus-visible{outline-offset:2px;outline:3px solid #99d8be}@media (max-width:650px){.login-page{background:#f6f7f1;min-height:100dvh;display:block}.login-brand-side{background:#126f49;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:13px 16px;display:grid;overflow:visible}.login-brand-side:before,.login-illustration,.login-message,.login-side-footer{display:none}.login-brand-side .public-brand{min-width:0}.login-brand-side .school-logo{width:42px;height:42px}.login-brand-side .public-brand strong{font-size:16px}.login-brand-side .public-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:10px;overflow:hidden}.login-brand-side>.audio-controls{place-self:center end;margin:0;position:static}.login-brand-side>.audio-controls .audio-toggle{width:34px;min-height:34px;padding:0}.login-brand-side>.audio-controls .audio-toggle span{display:none}.login-form-side{padding:24px 16px 92px;display:block}.login-card{width:min(100%,520px);margin-inline:auto}.login-back{width:max-content;margin:0 0 12px;font-size:12px;display:block}.login-kicker{font-size:10px}.login-card>h2{letter-spacing:-1px;margin-top:7px;font-size:29px;line-height:1.12}.login-lead{font-size:14px;line-height:1.55}.login-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.login-role-grid button{text-align:left;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;min-height:76px;padding:10px;display:grid}.login-role-grid button>.login-role-art-wrap{border-radius:12px;grid-row:1/3;width:42px;height:42px;margin:0}.login-role-grid strong{align-self:end;margin:0;font-size:13px;line-height:1.2}.login-role-grid small{align-self:start;margin-top:3px;font-size:10px;line-height:1.25}.login-form{border-radius:16px;padding:16px}.selected-role-line strong{font-size:13px}.selected-role-line small{font-size:11px}.selected-role-line button{min-height:34px;padding:0 4px;font-size:11px}.login-form>label{gap:7px;margin-top:13px;font-size:12px}.login-form>label>div{grid-template-columns:40px minmax(0,1fr)}.login-form input{min-width:0;min-height:44px;font-size:14px}.login-error{padding:11px;font-size:12px}.login-submit{min-height:48px;padding:0 14px;font-size:13px}.demo-fill-button{min-height:44px;font-size:12px}.prototype-login-note{padding:13px}.prototype-login-note strong{font-size:12px}.prototype-login-note small{font-size:11px;line-height:1.5}.front-header{grid-template-columns:minmax(0,1fr) max-content;column-gap:7px;padding-left:13px;padding-right:10px}.front-brand,.front-brand>div{min-width:0}.front-header-actions{justify-self:end;width:max-content;margin-left:auto}}@media (max-width:390px){.front-brand small{display:none}.front-header-actions{gap:4px}.front-header .audio-toggle{width:29px;min-height:31px}.front-login{width:31px;min-height:31px}.login-brand-side .public-brand small{max-width:125px}.login-role-grid button{column-gap:8px;padding:9px 8px}.login-role-grid button>.login-role-art-wrap{width:38px;height:38px}.login-role-grid strong{font-size:12px}.login-role-grid small{font-size:9px}}