*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fa;color:#142b40;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(5,27,48,.96);color:#fff;box-shadow:0 4px 25px #061a2e20}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:900;letter-spacing:1px}.logo span{color:#e3ae4b}.nav nav{display:flex;gap:25px;align-items:center;font-size:14px}.navcta{background:#e3ae4b;color:#10243b;padding:11px 17px;border-radius:9px;font-weight:800}.hamb{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:640px;background:url("assets/banner-tanjungpinang.png") center/cover;position:relative;color:white;display:flex;align-items:center}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#031a32eb,#06274799 55%,#06274720)}.heroIn{position:relative}.eyebrow{font-size:12px;letter-spacing:2px;color:#f0bd62;font-weight:900}.hero h1{font-size:clamp(43px,6vw,72px);line-height:1.02;margin:18px 0;max-width:760px}.hero h1 strong{color:#f1c267}.hero p{font-size:18px;line-height:1.7;max-width:620px;color:#e5eef5}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:14px 22px;font-weight:850;cursor:pointer}.gold{background:#e3ae4b;color:#10243b}.outline{border:1px solid #ffffff70;color:white;background:transparent}.darkbtn{border-color:#23425e;color:#23425e}.trust{display:flex;gap:20px;margin-top:35px;font-size:12px;color:#c9d7e2}.categories,.listSection,.booking{padding:80px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.heading small{font-size:11px;letter-spacing:1.8px;color:#c58f35;font-weight:900}.heading h1,.heading h2{margin:7px 0 0;font-size:34px}.heading p{max-width:450px;color:#6e7e8d;line-height:1.6}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cat{background:white;border:1px solid #e4e9ee;border-radius:17px;padding:25px;transition:.2s}.cat:hover,.cat.selected{transform:translateY(-4px);border-color:#d6a047;box-shadow:0 15px 35px #10243b12}.cat i{font-style:normal;font-size:32px}.cat b,.cat span{display:block}.cat b{font-size:18px;margin:16px 0 7px}.cat span{font-size:13px;color:#718190;line-height:1.5}.listSection{background:#fff}.clear{font-size:13px;color:#a27026}.cards{display:grid;gap:14px}.card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;border:1px solid #e5eaef;border-radius:16px;padding:17px}.icon{width:62px;height:62px;background:#edf4f7;border-radius:15px;display:grid;place-items:center;font-size:28px}.tag{font-size:10px;color:#bd8832;font-weight:900;letter-spacing:1.2px}.card h3{margin:6px 0}.card p{margin:0;color:#72818e}.card strong{display:block;margin-top:8px;color:#0c6d5c}.card button{border:0;background:#092b4b;color:white;padding:11px 18px;border-radius:9px;font-weight:800;cursor:pointer}.empty{padding:30px;background:#f7f9fa;border-radius:15px;color:#71818f}.city{background:#092b4b;color:white;padding:80px 0}.light p{color:#bdcad5}.citycards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.citycards>div{background:#113b5c;border-radius:17px;overflow:hidden}.visual{height:210px}.v1{background:linear-gradient(120deg,#0b4667,#d6a346)}.v2{background:linear-gradient(120deg,#164d69,#e1b052)}.v3{background:linear-gradient(120deg,#6e2330,#d29b3c)}.citycards h3,.citycards p{margin-left:20px;margin-right:20px}.citycards h3{margin-top:20px}.citycards p{color:#c6d3dd;padding-bottom:12px;line-height:1.5}.how{padding:80px 0;background:#f8fafb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{background:white;border:1px solid #e4e9ed;border-radius:17px;padding:28px}.steps b{color:#bd8832}.steps h3{margin-bottom:8px}.steps p{color:#71808e;line-height:1.6}.bookingbox{background:#092b4b;border-radius:24px;color:white;padding:40px}.bookingbox small{color:#e3ae4b;font-weight:900;letter-spacing:1.7px}.bookingbox h2{font-size:34px;margin:7px 0}.bookingbox p{color:#c4d2dc}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}label{display:grid;gap:7px;font-size:12px;font-weight:800}input,select,textarea{width:100%;border:1px solid #31536e;background:#123c5e;color:white;border-radius:9px;padding:13px;font:inherit;outline:none}.full{grid-column:1/-1}.wide{width:100%}footer{background:#061a2e;color:#c9d4dc;padding-top:50px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:45px}.foot p{line-height:1.6}.foot b,.foot a{display:block;margin-bottom:10px}.copy{border-top:1px solid #ffffff12;text-align:center;padding:17px;font-size:12px}.adminbg{background:#eef3f6;min-height:100vh}.login{width:min(420px,92%);margin:80px auto;background:#fff;padding:35px;border-radius:20px;box-shadow:0 20px 60px #08233a18}.login h1{margin-bottom:4px}.login form{display:grid;gap:12px;margin:22px 0}.login input{background:#f7f9fa;color:#142b40;border-color:#dbe3e9}.login small{display:block;color:#73818e;line-height:1.6;margin-bottom:18px}.login>a{color:#9a6b20;font-weight:800}.err{background:#fff0f0;color:#a33;padding:10px;border-radius:8px}.admin{padding:55px 0}.adminbox{background:white;padding:28px;border-radius:18px;margin-bottom:18px;border:1px solid #e2e8ed}.table{display:grid;gap:8px}.row{display:grid;grid-template-columns:45px 1fr 90px 50px 55px;gap:10px;align-items:center;border:1px solid #e8edf0;border-radius:10px;padding:10px}.row small{display:block;color:#73818e;margin-top:4px}.status{font-size:11px}.danger{color:#b33}.note{padding:16px;background:#fff8e9;border-radius:10px;color:#76541c;margin-top:15px}code{background:#f2e6c9;padding:2px 5px}@media(max-width:800px){.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#092b4b;padding:18px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hamb{display:block}.catgrid,.citycards,.steps{grid-template-columns:1fr 1fr}.heading{display:block}.trust{flex-wrap:wrap}.row{grid-template-columns:35px 1fr auto}.row a{grid-column:auto}.row .status{display:none}}@media(max-width:560px){.hero{min-height:670px}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{flex-direction:column}.actions .btn{width:100%}.catgrid,.citycards,.steps,.formgrid,.foot{grid-template-columns:1fr}.categories,.listSection,.booking,.how,.city{padding:60px 0}.card{grid-template-columns:50px 1fr}.card button{grid-column:2}.icon{width:50px;height:50px}.bookingbox{padding:25px}.row{grid-template-columns:1fr}.row a{margin-top:4px}}