*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17202a;font:14px Arial}.top{background:#0b0f14;color:#fff;padding:18px 5%;display:flex;justify-content:space-between}.top a{color:#39c5c7}main{max-width:1000px;margin:35px auto;background:#fff;padding:35px;border-radius:10px;box-shadow:0 10px 35px #0000000c}h1{margin-top:0}label{display:block;font-weight:bold;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #d9dee3;border-radius:6px;margin-top:7px;font:inherit}button{background:#0fa8ad;color:#fff;border:0;padding:12px 20px;border-radius:6px;font-weight:bold}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ok{background:#e9fbf6;padding:12px;margin-bottom:15px}.err{background:#fee;padding:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards a{padding:18px;background:#f1f5f6;color:#0b8e92;border-radius:7px}.login{max-width:420px;margin:10vh auto}.login input{margin:12px 0}.login button{width:100%}@media(max-width:650px){.grid,.cards{grid-template-columns:1fr}}