*{box-sizing:border-box}body{color:#173e34;background:#f2f7f4;margin:0;font-family:system-ui,sans-serif;font-size:18px}main{max-width:1000px;margin:60px auto;padding:32px}.eyebrow{letter-spacing:.1em;color:#36705b;font-size:14px;font-weight:700}h1{margin:18px 0;font-size:clamp(32px,5vw,52px);line-height:1.1}h2{font-size:26px}p{line-height:1.6}form{flex-wrap:wrap;align-items:end;gap:20px;margin:36px 0;display:flex}label{flex:1;gap:10px;font-weight:600;display:grid}input,button{font:inherit;border:1px solid #afcbbc;border-radius:12px;min-width:0;padding:16px}input{color:#173e34;background:#fff;width:100%}button{color:#fff;cursor:pointer;background:#16664e}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:4px;outline:3px solid #cf8c20}.weather{background:#fff;border:1px solid #c6ded1;border-radius:24px;padding:36px}.temperature{align-items:center;gap:22px;font-size:64px;font-weight:700;display:flex}.muted,footer{color:#547568;font-size:16px}footer{margin-top:32px;line-height:1.6}.error{color:#9a3020;background:#fff0ec;border-radius:12px;padding:20px}@media (width<=600px){main{margin:16px auto;padding:20px}form{display:grid}.weather{padding:24px}.temperature{font-size:48px}}