:root{font-family:Inter,system-ui,sans-serif;color:#17221f;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header span{background:#e4f2eb;padding:10px 14px;border-radius:99px;color:#17623c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}article,.login section{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:24px;box-shadow:0 6px 24px #1b392411}article small{color:#567267}article strong{display:block;font-size:28px;margin-top:14px}.login{min-height:100vh;display:grid;place-items:center}.login section{width:min(420px,100%)}form{display:grid;gap:12px}input,button{padding:13px;border-radius:10px;border:1px solid #c9d8d0}button{background:#136b42;color:#fff;border:0;font-weight:700}footer{margin-top:40px;color:#6f8179}