*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f4f8fb;color:#102033}
.topbar{background:#031f3d;color:#fff;padding:10px 5%;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}
.navbar{background:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:999}
.logo a{font-size:30px;color:#062544;text-decoration:none;font-weight:800}
.menu-toggle{display:none;font-size:34px;cursor:pointer;color:#062544}
.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nav-links a{text-decoration:none;color:#102033;font-weight:700}
.nav-links a:hover{color:#0076c9}
.hero{background:linear-gradient(135deg,#062544,#1287c9);padding:85px 5%;color:white}
.hero h1{font-size:62px;margin-bottom:18px;line-height:1.05}
.hero p{font-size:23px;line-height:1.7;max-width:1000px;color:white}
.section{padding:65px 5%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:white;padding:34px;border-radius:22px;box-shadow:0 8px 25px rgba(0,0,0,.06);margin-bottom:25px;overflow:auto}
.card h2{font-size:34px;color:#062544;margin-bottom:16px}
.card h3{font-size:25px;color:#062544;margin-bottom:12px}
p,li{font-size:17px;line-height:1.7;color:#56687b}
ul{padding-left:22px;margin-top:10px}
.btn,button{background:#d9a51c;color:#fff;border:0;padding:15px 25px;border-radius:12px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-block;margin:4px}
.btn-light{background:#fff;color:#062544}
input,select,textarea{width:100%;padding:15px;margin:8px 0 16px;border:1px solid #c9d5e2;border-radius:12px;font-size:16px;background:white}
textarea{min-height:150px}
table{width:100%;border-collapse:collapse;background:white}
th,td{padding:13px;border-bottom:1px solid #d8e3ea;text-align:left;vertical-align:top}
th{background:#eef5fa}
.notice{background:#e8f8ef;color:#0a6b2b;padding:15px;border-radius:12px;margin-bottom:18px}
.error{background:#ffe8e8;color:#9a1111;padding:15px;border-radius:12px;margin-bottom:18px}
.logo-img{max-width:120px;max-height:90px;object-fit:contain}
.footer{background:#031f3d;color:white;padding:45px 5%;margin-top:40px}
.footer p,.footer a{color:#dce7f3;line-height:1.8;text-decoration:none}
.whatsapp-btn{position:fixed;right:24px;bottom:24px;background:#25D366;color:#fff;text-decoration:none;padding:16px 24px;border-radius:60px;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.2);z-index:999}
.full{grid-column:1/-1}
.upload-box{border:2px dashed #2b7ed7;border-radius:16px;padding:22px;background:#fff}
@media(max-width:1050px){
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:74px;left:0;width:100%;background:white;flex-direction:column;align-items:flex-start;padding:25px 5%;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.nav-links.active{display:flex}
.hero h1{font-size:42px}
.hero p{font-size:18px}
.logo a{font-size:24px}
.section{padding:45px 5%}
table{font-size:13px}
}