*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2933}header{height:58px;padding:0 24px;background:#1f4e78;color:#fff;display:flex;align-items:center;justify-content:space-between}header a{color:#fff}main{width:min(1100px,calc(100% - 28px));margin:24px auto}.login-card{width:min(420px,calc(100% - 28px));margin:70px auto;background:#fff;padding:24px;border:1px solid #d9e0e7;border-radius:12px}.login-card form,label{display:grid;gap:8px}.login-card form{gap:16px}input{padding:11px;border:1px solid #cfd8e3;border-radius:7px}button{padding:11px;background:#1f4e78;color:#fff;border:0;border-radius:7px}.error{padding:10px;background:#fff0ee;color:#b42318;border-radius:7px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;border:1px solid #d9e0e7;border-radius:10px;padding:18px}.card span{display:block;color:#66717d;margin-bottom:10px}.card strong{font-size:28px}