:root{font-family:Inter,Arial,sans-serif;color:#173d32;background:#f4f7f4}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#0e3b31;color:#fff;display:flex;align-items:center;gap:24px;padding:0 8%}header strong{font-size:20px;margin-right:auto}button,a{border:0;border-radius:8px;padding:10px 16px;background:#e9b74a;color:#173d32;font-weight:700;text-decoration:none;cursor:pointer}header button{background:transparent;color:#fff;border:1px solid #9db3ab;padding:7px 13px}section{max-width:1100px;margin:64px auto;padding:0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}article{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 14px #173d3212}.icon{color:#d59a13;font-size:32px}article h2{font-size:18px}article p{min-height:48px;color:#5d706a}em{color:#81918c}.login{max-width:400px;margin:10vh auto;background:#fff;padding:38px;border-radius:16px;box-shadow:0 10px 28px #173d3220;text-align:center}.login img{width:250px;height:auto}.login form{display:grid;gap:12px;margin-top:25px}.login input{padding:12px;border:1px solid #cbd7d1;border-radius:8px}.login small{color:#9d2f2f}@media(max-width:600px){header{padding:0 20px;gap:12px}header span{display:none}section{margin:36px auto}}header .header-logo{width:172px;height:44px;object-fit:contain;object-position:left center;margin-right:auto;filter:brightness(0) invert(1)}header .header-logo{filter:none}