*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,Arial;background:#f4f7fb;color:#19304a}header{background:#123b55;color:white;padding:15px 5%;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}header a{color:white;text-decoration:none;margin-right:15px}main{max-width:1150px;margin:28px auto;padding:0 16px}.hero{background:linear-gradient(120deg,#0f5672,#16a6a0);padding:48px;color:white;border-radius:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:white;border-radius:14px;padding:22px;box-shadow:0 5px 22px #173d5714;margin:12px 0}h1,h2,h3{line-height:1.25}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #cad6e2;border-radius:8px;max-width:100%}input,select,textarea{width:100%;margin:5px 0 12px}button,.btn{background:#087e91;color:white;border:0;padding:11px 16px;display:inline-block;text-decoration:none;border-radius:8px;cursor:pointer}.muted{color:#61748a}.error{color:#a51934}.success{color:#067f4d}table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid #e4e9ee;padding:10px;text-align:left} .scroll{overflow:auto}label{font-weight:600}footer{text-align:center;padding:35px;color:#728395} @media(max-width:600px){header{display:block}header nav{margin-top:12px}.hero{padding:28px}}