:root{--g:#087653;--ink:#10261f;--mint:#def5e9;--line:#dbe7e0}*{box-sizing:border-box}body{margin:0;background:#f8faf8;color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif}header{max-width:1120px;height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}header a{font-size:24px;font-weight:900;color:var(--ink);text-decoration:none}header a span{color:var(--g)}header b{font-size:12px;background:var(--mint);color:var(--g);padding:8px 13px;border-radius:30px}main{max-width:1120px;margin:auto;padding:20px}.hero{padding:58px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;background:linear-gradient(135deg,#e9f9f1,#cceedd);border-radius:30px}.cap{font-size:12px;color:var(--g);font-weight:900;letter-spacing:1.2px}h1{font-size:52px;line-height:1.03;letter-spacing:-2px}h1 em{font-style:normal;color:var(--g)}.lead{font-size:18px;color:#4b645b}.card{background:white;padding:28px;border-radius:22px;box-shadow:0 18px 42px #174b3528}.card label{font-weight:800}.field{height:56px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 14px;margin:7px 0 18px}.field input{border:0;outline:0;width:100%;font-size:17px}.card select,.card button,.signup input[type=email],.signup button{width:100%;height:50px;border-radius:11px;border:1px solid var(--line);padding:0 13px;font-size:15px}.card button,.signup button{background:var(--g);color:#fff;border:0;font-weight:850;margin-top:13px}.result{max-width:760px;margin:55px auto;background:white;padding:34px;border-radius:24px;text-align:center;box-shadow:0 10px 30px #183d2b12}.result p{font-size:20px;margin:8px}.total{font-size:38px}.pct{font-size:96px;line-height:1.05;color:var(--g);display:block}.available{font-weight:800}.result small{color:#6e8179}.signup{margin-top:26px;padding:22px;background:var(--mint);border-radius:16px;text-align:left}.signup h2{margin-top:0}.signup label{font-size:12px;display:block;margin-top:10px}.info{max-width:760px;margin:60px auto}.error{max-width:760px;margin:28px auto;background:#fff0f0;color:#a32020;padding:15px;border-radius:12px}footer{max-width:1120px;margin:60px auto 0;border-top:1px solid var(--line);padding:25px;color:#6e8179;font-size:13px}@media(max-width:760px){header b{display:none}.hero{grid-template-columns:1fr;padding:31px 22px}h1{font-size:39px}.pct{font-size:72px}}
