@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f8;--ink:#152a31;--muted:#6c7c81;--green:#146754;--line:#e1e7e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;gap:10px}.logo{background:var(--green);color:#fff;border-radius:12px;padding:9px 8px;font-size:21px}.side-label{margin:56px 0 20px;color:#90a09f;font-size:10px;letter-spacing:1.5px;font-weight:700}nav{display:grid;gap:9px}nav a{padding:14px 12px;text-decoration:none;color:#5d7074;border-radius:8px}nav a:hover,nav a:first-child{background:#eaf3ef;color:var(--green)}.side-bottom{margin-top:auto;font-size:11px;line-height:1.9;color:#647773}.side-bottom small{color:#97a3a0;margin-left:12px}.dot{display:inline-block;background:#438971;width:6px;height:6px;border-radius:50%;margin-right:5px}main{margin-left:232px;padding:0 42px;max-width:1600px}header{height:83px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#73847e;border-bottom:1px solid var(--line)}header span:first-child{font-weight:700}.hero{display:flex;justify-content:space-between;align-items:center;padding:48px 0 42px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--green);margin:0 0 13px}h1{font-family:Manrope,sans-serif;font-size:54px;line-height:1.12;letter-spacing:-2.5px;margin:0;font-weight:800}.intro{color:var(--muted);line-height:1.8;margin:22px 0 0;font-size:14px}.hero-art{width:310px;height:230px;position:relative;background:radial-gradient(ellipse,#e2eee6,transparent 70%)}.hero-art>span{position:absolute;border-radius:50%;width:84px;height:84px;display:grid;place-items:center;font:700 32px Manrope;background:#fff;border:1px solid #dbe5df;box-shadow:0 15px 25px #173d2710;transform:rotate(-12deg)}.hero-art>span:first-child{left:18px;top:40px}.hero-art>span:nth-child(2){left:110px;top:5px;background:#146754;color:white}.hero-art>span:nth-child(3){left:191px;top:80px;background:#e8dba9}.hero-art>div{position:absolute;bottom:0;left:50px;font-size:10px;letter-spacing:3px;line-height:2;color:#5f8072}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px 21px;display:grid;gap:12px}.stats article>span{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#70847c}.stats strong{font:800 27px Manrope;letter-spacing:-1px}.stats em{font-style:normal;color:#a8b4ae;font-size:18px}.stats small{font-size:10px;color:#8c9994}h2{font:800 20px Manrope;margin:0;letter-spacing:-.6px}.filter-panel{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px 0 29px}.filter-panel h2{font-size:17px}.filter-panel p,.muted{color:var(--muted);font-size:12px;line-height:1.8}.filter-panel p{margin:6px 0 0}form{display:flex;gap:10px;align-items:end}label{display:grid;gap:6px;font-size:10px;color:#6e8078}input{padding:10px 12px;border:1px solid #dbe3de;border-radius:7px;font:inherit;font-size:12px;color:var(--ink);background:#fff}button{cursor:pointer;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:7px;padding:11px 16px;font:600 12px 'DM Sans',sans-serif;white-space:nowrap}button:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:default}.secondary{background:#fff;color:var(--ink);border-color:#dce4df}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title .eyebrow{margin-bottom:8px}.badge{color:var(--green);background:#eef5f0;padding:8px 12px;border-radius:25px;font-size:11px}.heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:24px 0}.cell{border-radius:8px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff55;color:#fff}.cell strong{font:700 20px Manrope}.cell small{font-size:10px;opacity:.85}.legend{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#829289;font-size:10px}.legend i{width:80px;height:7px;background:linear-gradient(to right,#bed6c5,#146754);border-radius:10px}.note{border-top:1px solid var(--line);padding-top:18px;margin:20px 0 0;font-size:11px;color:#7b8983;line-height:1.7}.draw{display:grid;grid-template-columns:145px 1fr 55px;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #edf0ed}.draw time{font-weight:700;font-size:13px}.draw small{display:block;color:#8e9a94;font-size:10px;margin-top:6px}.balls{display:flex;flex-wrap:wrap;gap:6px}.ball{width:30px;height:30px;background:#eef4ef;color:#2c6655;border:1px solid #e1ebe3;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.draw a{font-size:10px;color:var(--green);text-decoration:none}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:22px}.pagination span{font-size:11px;color:#7c8c83}.method{padding:14px 0 32px}.method>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method p{line-height:1.9;font-size:11px;color:#7b8b82}.method b{color:#314c40;display:inline-block;margin-bottom:6px}.method a{color:var(--green)}footer{padding:26px 0;border-top:1px solid var(--line);font-size:12px;color:#526b5f;display:flex;justify-content:space-between}footer span{font-size:10px;color:#8a998f}#status:empty{display:none}#status{padding:14px;margin-bottom:20px;background:#fff4db;border-radius:8px;color:#745624}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ddad43;outline-offset:3px}@media(min-width:1550px){main{margin-right:auto}}@media(max-width:1150px){aside{width:190px;padding:30px 18px}.brand{font-size:14px}main{margin-left:190px;padding:0 25px}.stats strong{font-size:21px}.filter-panel{align-items:start;flex-direction:column}.heatmap{gap:6px}.cell{min-height:60px}.draw{grid-template-columns:110px 1fr 40px;gap:12px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px 20px;border-bottom:1px solid var(--line)}.side-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:4px}nav a{font-size:11px;padding:9px;white-space:nowrap}main{margin:0;padding:0 18px}header{height:60px;font-size:8px}.hero{padding:30px 0}.hero-art{display:none}h1{font-size:43px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats article{padding:18px}.stats strong{font-size:23px}form{flex-wrap:wrap}label{flex:1}.panel{padding:18px}.heatmap{grid-template-columns:repeat(8,1fr);gap:5px}.cell{min-height:54px}.cell strong{font-size:16px}.cell small{font-size:8px}.draw{grid-template-columns:1fr 50px;gap:12px}.balls{grid-column:1/-1;grid-row:2}.method>div{grid-template-columns:1fr;gap:0}.section-title h2{font-size:17px}.badge{font-size:9px}footer{gap:20px}footer span{max-width:180px}.ball{width:29px;height:29px}}