*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1c2940;font:16px/1.65 system-ui,-apple-system,"Noto Sans",sans-serif}nav{background:#14243b;padding:15px max(24px,calc((100vw - 1120px)/2));display:flex;gap:22px;flex-wrap:wrap}nav a{color:#e9f1fa;text-decoration:none}nav a:first-child{font-weight:800;color:#66e2ca}main{max-width:1120px;margin:32px auto;padding:0 20px;min-height:70vh}h1{font-size:2rem;line-height:1.25}h2{margin-top:30px}.hero{background:#14243b;color:white;padding:50px;border-radius:20px}.hero p{color:#d0e1ee}.btn,button{display:inline-block;background:#0a8d82;color:white;border:0;border-radius:8px;padding:10px 17px;text-decoration:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:white;border:1px solid #dfe7ef;border-radius:12px;padding:22px;box-shadow:0 3px 14px #15253d09}.metric{font-size:2rem;font-weight:800;color:#007f78}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;border-bottom:1px solid #e0e7ef;padding:12px}th{background:#eaf1f8}input,select,textarea{width:100%;max-width:600px;border:1px solid #b8c7d7;padding:10px;border-radius:7px;font:inherit}label{display:block;margin:14px 0 5px;font-weight:600}footer{text-align:center;color:#637186;padding:30px}.muted{color:#637186}.error{color:#b52222}.ok{color:#087c55}.bar{height:15px;background:#dce7ee;border-radius:10px;overflow:hidden}.bar span{display:block;background:#0a8d82;height:100%}@media(max-width:650px){.hero{padding:26px}table{font-size:13px}th,td{padding:7px}}