*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef4fb;color:#18324a}header{background:#004080;color:white;padding:18px 5%;font-size:22px}header b{font-size:28px}header span,header a{float:right;color:white}main{max-width:1050px;margin:auto;padding:32px 20px}.hero{text-align:center;padding:35px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 5px 20px #0033661c;margin-bottom:20px}label{display:block;margin:12px 0}input,select,button{width:100%;padding:12px;border:1px solid #b9cbe0;border-radius:8px;margin-top:6px}button{background:#0866c6;color:white;border:0;font-weight:bold;cursor:pointer}.msg{padding:14px;background:#dcecff;border-left:5px solid #0866c6;margin:15px 0}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px}code,pre{background:#f3f6f9;padding:7px;border-radius:5px;overflow:auto}pre{padding:16px}@media(max-width:700px){.grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}}