*{box-sizing:border-box}body{margin:0;background:#f3f5fa;color:#172d49;font:15px Arial,sans-serif}header{background:#142d4c;color:white;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}header a{color:white}nav{background:white;padding:15px 5%;display:flex;gap:22px;flex-wrap:wrap;box-shadow:0 2px 8px #0001}nav a{color:#23466f;text-decoration:none;font-weight:bold}main{padding:28px 5%;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.cards article,.box{background:white;padding:22px;border-radius:14px;box-shadow:0 4px 15px #0000000a}.cards h2{color:#2d5c8e}small{color:#748397}input{display:block;width:100%;padding:12px;margin:8px 0 15px;border:1px solid #d4dce7;border-radius:7px}label{display:block;font-weight:bold}button{background:#173858;color:white;border:0;border-radius:7px;padding:11px 16px;cursor:pointer;margin:4px 0}table{border-collapse:collapse;width:100%;background:white;margin-top:15px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e8edf3}.success{background:#e5f5eb;padding:12px;border-radius:8px}.error{color:#a22}.center{min-height:100vh;display:grid;place-items:center;padding:18px}.center .box{width:min(100%,460px)}.logo{background:#142d4c;color:white;text-align:center;padding:25px;border-radius:12px;font-size:36px;font-weight:bold;margin-bottom:20px}.logo small{color:#d9e4f1}@media(max-width:600px){header{gap:8px;font-size:13px}main{padding:20px 14px}nav{gap:13px;padding:13px}}