:root{font-family:Inter,system-ui,sans-serif;color:#17212b;background:#edf2f5}*{box-sizing:border-box}body{margin:0}header{background:#173b57;color:#fff;padding:16px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center}header strong{font-size:20px}header span{margin-left:14px;color:#cbdce9}header a{color:white}main{max-width:1180px;margin:28px auto;padding:0 20px}h1{margin-bottom:8px}.intro{max-width:900px;color:#51616e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.card{background:white;border-radius:10px;padding:24px;box-shadow:0 2px 12px #142b3c18}.full{grid-column:1/-1}.login{max-width:420px;margin:80px auto}label{display:block;font-weight:650;margin:15px 0 5px}small{font-weight:400;color:#6b7780}input,textarea,select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #b9c6cf;border-radius:6px;font:inherit;background:#fff}textarea{resize:vertical}button{border:0;border-radius:6px;background:#176b96;color:white;font-weight:700;padding:11px 17px;margin-top:18px;cursor:pointer}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.inline{display:flex;align-items:end;gap:14px}.inline input{margin:0}.inline button{margin:0;white-space:nowrap}.alert{padding:12px 15px;border-radius:6px;margin-bottom:16px}.danger{background:#ffe0e0;color:#8a1111}.warning{background:#fff1c9;color:#715100}@media(max-width:760px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.twocol{grid-template-columns:1fr}header span{display:none}.inline{display:block}.inline button{margin-top:14px}}