* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
body {background:#f8fafc;color:#333;line-height:1.6;}

.baris-atas {background:#001233;color:#fff;padding:8px 20px;text-align:right;font-size:13px;}
.baris-atas a {margin-left:15px;color:#fff;text-decoration:none;opacity:0.8;display:inline-block;}
.baris-atas a.aktif {color:#ff7d00;font-weight:700;opacity:1;}
.baris-atas a:hover {color:#ff7d00;opacity:1;}

.header-atas {position:relative;color:#fff;text-align:center;}
.gambar-hero {width:100%;height:420px;overflow:hidden;}
.gambar-hero img {width:100%;height:100%;object-fit:cover;}
.judul-atas {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:20px;background:rgba(0,18,51,0.5);}
.judul-atas .logo {font-size:42px;font-weight:700;margin-bottom:8px;}
.judul-atas .tagline {font-size:19px;opacity:0.95;}

.wadah-form {max-width:1180px;margin:-60px auto 50px;padding:0 20px;position:relative;z-index:9;}
.kotak-form {background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(10,36,99,0.15);}
.form-grid {display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:15px;align-items:end;}
@media(max-width:920px){.form-grid{grid-template-columns:1fr;}}
.grup label {display:block;margin-bottom:7px;font-size:14px;color:#0a2463;font-weight:500;}
.grup input,.grup button {width:100%;padding:13px 15px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;}
.grup input:focus {outline:none;border-color:#0a2463;box-shadow:0 0 0 3px rgba(10,36,99,0.1);}
.grup button {background:#ff7d00;color:#fff;border:none;font-weight:600;cursor:pointer;transition:0.2s;}
.grup button:hover {background:#e67000;}

.hasil {margin-top:30px;padding:25px;background:#f0f4fa;border-radius:12px;border-left:5px solid #0a2463;}
.hasil h3 {color:#0a2463;margin-bottom:15px;}
.harga-utama {font-size:32px;font-weight:700;color:#ff7d00;margin:15px 0;}
.tombol-lanjut {display:inline-block;margin-top:15px;padding:14px 30px;background:#0a2463;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:0.2s;}
.tombol-lanjut:hover {background:#001233;}

.footer-penuh {background:#050505;color:#fff;padding:40px 20px;text-align:center;}
.footer-penuh p {margin-bottom:10px;opacity:0.85;}
.footer-penuh a {color:#fff;margin:0 12px;text-decoration:none;}
.footer-penuh a:hover {color:#ff7d00;}