:root{font-family:system-ui,Arial,sans-serif;color:#1b303b;background:#f5f8f9}*{box-sizing:border-box}body{margin:0}header{background:#102f3c;color:white;padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header a,footer a{color:#d4f4ee;margin-left:16px}a{color:#087d76}.wrap{max-width:1120px;margin:auto;padding:0 20px}.hero{padding:90px 0;background:linear-gradient(110deg,#103240e8,#165b64a8),url('https://images.unsplash.com/photo-1533676802871-eca1ae998cd5?auto=format&fit=crop&w=1600&q=80') center/cover;color:white}.hero h1{font-size:clamp(35px,5vw,60px);max-width:760px;margin:12px 0}.hero p{font-size:20px;max-width:630px}.eyebrow{letter-spacing:2px;font-size:13px}main section{padding:42px 0}h2{font-size:32px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.cards article,form,aside,.adminBox{background:white;padding:24px;border-radius:14px;box-shadow:0 4px 24px #092b3511}.cards article span,.small{font-size:13px;color:#657b84}.cards article b{color:#087d76}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #c5d4d8;border-radius:8px;padding:12px;margin-top:6px;font:inherit}button,.button{background:#087d76;color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5}footer{background:#102f3c;color:white;padding:28px;text-align:center}.hidden{display:none!important}.chatToggle{position:fixed;bottom:18px;right:18px;z-index:3}.chat{position:fixed;bottom:78px;right:18px;width:min(355px,calc(100vw - 36px));background:white;box-shadow:0 5px 35px #0003;border-radius:12px;padding:15px;z-index:4}.chatTitle{display:flex;justify-content:space-between;align-items:center;font-weight:bold}.chatTitle button{padding:3px 10px}.messages{height:180px;overflow:auto}.messages p{background:#eaf4f2;padding:9px;border-radius:9px}#chatForm{display:flex;gap:7px;padding:0;box-shadow:none}#chatForm input{margin:0}.notice{background:#e8f6f1;padding:12px;border-radius:8px}.error{color:#a32d32}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}td,th{border-bottom:1px solid #ddd;padding:9px;text-align:left;font-size:13px}td select{min-width:115px}@media(max-width:700px){.columns{grid-template-columns:1fr}.hero{padding:55px 0}header a{margin-left:4px}}


/* Background halaman utama Bromo Tour Packages */
.hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.65),
      rgba(0, 0, 0, 0.15)
    ),
    url('/images/Bromo-Sunrise.jpg');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}