*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17233d;font:16px/1.5 Arial,sans-serif}nav{background:#102344;color:white;padding:15px 5%;display:flex;gap:17px;flex-wrap:wrap;align-items:center}nav a{color:white;text-decoration:none;font-weight:600}.brand{font-size:23px;color:#62e2c0!important;margin-right:auto}main{max-width:1100px;margin:25px auto;padding:0 16px}.hero{background:linear-gradient(125deg,#102344,#087c71);color:white;padding:35px;border-radius:18px}.hero h1{font-size:clamp(32px,7vw,55px);line-height:1.08;margin:0 0 14px}.card{background:white;padding:22px;border-radius:15px;margin:15px 0;box-shadow:0 5px 20px #1023440d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.btn,button{display:inline-block;background:#087c71;color:white;padding:12px 18px;border:0;border-radius:9px;font-weight:bold;text-decoration:none;cursor:pointer}.btn.secondary{background:#102344}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd5e3;border-radius:8px;margin:6px 0 14px;font-size:16px}label{font-weight:600}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #e3e8f0;text-align:left;vertical-align:top}.tablewrap{overflow:auto}.alert{background:#fff1cc;padding:13px;border-radius:9px;margin:12px 0}.success{background:#dff8eb}.muted{color:#68768d}footer{text-align:center;color:#7b8799;padding:28px}