*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#123;font-family:system-ui,Arial}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.card,.panel,.grid article{background:#fff;border:1px solid #dce5e3;border-radius:16px;padding:24px}.card{width:min(430px,100%);box-shadow:0 20px 50px #1232}.brand{color:#08766e}.card h1{margin-bottom:5px}.card p,.card small{color:#667085}.alert{background:#fff7e6;color:#8a5a00;padding:12px;border-radius:9px;margin:15px 0}label{display:block;font-weight:700;margin:14px 0 6px}input,button{width:100%;padding:13px;border-radius:9px}input{border:1px solid #ccd5d2}button{border:0;background:#08766e;color:#fff;font-weight:800;margin:18px 0}header{height:66px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ddd}header a{color:#08766e}.wrap{max-width:1100px;margin:auto;padding:30px}.hero{padding:30px;border-radius:18px;background:linear-gradient(120deg,#134e4a,#0f766e);color:#fff}.hero h1{font-size:clamp(25px,4vw,38px);margin:8px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.grid b,.grid small{display:block}.grid b{font-size:28px}.grid small{color:#667085}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.wrap{padding:16px}}