:root{color-scheme:dark;--ink:#2c3639;--panel:#3f4e4f;--paper:#dcd7c9;--accent:#e2b894;--muted:#bac5bf;--line:#788581;--error:#efb2a8}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.6 system-ui,"Segoe UI",sans-serif}main{max-width:1200px;margin:auto;padding:0 32px}header{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);font-size:14px}.brand{font-size:32px;font-weight:800;letter-spacing:-1.5px;color:var(--paper);text-decoration:none}.badge{margin-left:auto;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding:64px 0 72px;align-items:center}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px;font-weight:650}.lead{max-width:430px;margin:0 0 24px}.text-link{color:var(--accent);text-underline-offset:5px}.illustration{position:relative;height:330px;background:#dcd7c9;border-radius:4px 90px 4px 4px;overflow:hidden;color:var(--ink)}.sun{position:absolute;width:165px;height:165px;background:#bba58a;border-radius:50%;right:30px;top:25px}.shelf{position:absolute;height:12px;background:#88664b;box-shadow:0 8px 0 #c4b9a6}.first{left:35px;right:30px;top:177px}.second{left:75px;right:50px;top:273px}.books{position:absolute;display:flex;align-items:end;gap:5px;left:58px;top:84px;height:93px}.books i{display:block;background:#536663;width:23px;height:81px}.books i:nth-child(2){height:93px;background:#907492}.books i:nth-child(3){height:70px;background:#a27b5b;transform:rotate(-9deg);margin-left:5px}.plant{position:absolute;right:58px;top:88px;width:68px;height:89px}.plant b{position:absolute;bottom:0;width:58px;height:40px;background:#3f4e4f;border-radius:3px 3px 15px 15px}.plant i{position:absolute;left:28px;top:2px;width:19px;height:61px;border-radius:80% 0;background:#687f6b;transform:rotate(-30deg)}.plant i:nth-child(2){transform:rotate(35deg);left:39px;top:-10px}.plant i:nth-child(3){transform:rotate(-60deg);left:9px;top:2px}.bowl{position:absolute;top:236px;left:105px;width:86px;height:37px;border-radius:4px 4px 55px 55px;background:#a27b5b}.illustration span{position:absolute;right:29px;bottom:24px;font-size:12px;line-height:1.4}.calculator{border-top:1px solid var(--line);padding:48px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:80px;scroll-margin-top:20px}h2{font-size:34px;line-height:1.2;letter-spacing:-.8px;margin:0 0 20px}.explanation p{max-width:410px}.quiet{color:var(--muted);font-size:14px}.form-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;font:inherit;border:1px solid #96a29b;background:var(--ink);color:var(--paper);border-radius:7px;padding:11px 14px}small{display:block;color:var(--muted);font-size:13px;margin:6px 0 20px}button{width:100%;padding:14px 18px;border:0;border-radius:7px;background:var(--accent);color:var(--ink);font:600 16px/1.4 system-ui,"Segoe UI",sans-serif;cursor:pointer}button:hover{background:#f0caaa}:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.result{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.result span{font-size:14px}.result strong{display:block;font-size:38px;line-height:1.3;color:#c4e0c3}.result p,.hint{font-size:14px;margin:10px 0 0}.error strong{font-size:18px;color:var(--error)}.error p{color:var(--error)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 36px;color:var(--muted);font-size:12px}@media(max-width:850px){.hero{gap:32px}.calculator{gap:32px}h2{font-size:28px}.illustration{height:310px}.form-panel{padding:22px}}@media(max-width:600px){main{padding:0 20px}header{gap:12px;flex-wrap:wrap;padding:16px 0}.badge{width:100%;margin:0}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 40px}h1{font-size:44px}.illustration{height:300px}.calculator{grid-template-columns:1fr;gap:18px;padding:32px 0}.explanation p{max-width:none}.form-panel{padding:20px}footer{flex-direction:column;gap:8px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}