:root{font-family:Inter,system-ui,sans-serif;color:#10241d;background:#f5f8f6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#0d5b3d;color:#fff}header div{display:flex;flex-direction:column}header small{opacity:.75}.hidden{display:none!important}main{min-height:80vh}.panel{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:26px;box-shadow:0 8px 30px #0d5b3d0b}.auth{max-width:430px;margin:70px auto;padding:30px}.auth label{display:block;margin:16px 0;font-weight:600}.auth input{width:100%;margin-top:7px;padding:12px;border:1px solid #ccd8d1;border-radius:10px;font:inherit}.auth button,header button{border:0;border-radius:10px;padding:11px 16px;background:#f6c945;color:#17231f;font-weight:700;cursor:pointer}.error{color:#b42318;min-height:1.4em}.hero{padding:55px 6vw 20px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:20px 6vw 60px}.grid article{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:22px;box-shadow:0 8px 30px #0d5b3d0b}@media(max-width:520px){.auth{margin:35px 18px}header{padding:16px 18px}}