*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111827;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.hero{background:linear-gradient(135deg,#ff6b00,#ff8f2d);height:230px;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(circle at 100% 0,#ffffff2e 0,#0000 38%),radial-gradient(circle at 0 100%,#ffffff1f 0,#0000 35%);position:absolute;inset:0}.hero-content{z-index:2;padding:30px 22px;position:relative}.badge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;letter-spacing:.6px;background:#ffffff2e;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.hero h1{color:#fff;margin-top:18px;font-size:31px;font-weight:800}.hero p{color:#ffffffeb;max-width:300px;margin-top:10px;font-size:14px;line-height:1.7}.card{background:#fff;border-radius:28px 28px 0 0;min-height:100vh;margin-top:-30px;margin-left:15px;margin-right:15px;padding:26px 20px 40px;position:relative;box-shadow:0 -5px 20px #0000000a,0 18px 45px #00000014}.section{margin-bottom:34px}.section h2{color:#111827;font-size:22px;font-weight:800}.section span{color:#6b7280;margin-top:7px;font-size:14px;line-height:1.7;display:block}.field{margin-top:18px}.field label{color:#374151;margin-bottom:9px;font-size:14px;font-weight:700;display:block}.field input{color:#111827;background:#fafafa;border:1px solid #e5e7eb;border-radius:18px;outline:none;width:100%;height:58px;padding:0 18px;font-size:16px;font-weight:600;transition:all .25s}.field input::placeholder{color:#9ca3af;font-size:15px;font-weight:500}.field input:focus{background:#fff;border-color:#ff6b00;box-shadow:0 0 0 4px #ff6b0014}.btn-lokasi{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b00,#ff8f2d);border:none;border-radius:18px;width:100%;height:58px;margin-top:18px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 12px 28px #ff6b0040}.btn-lokasi:hover{transform:translateY(-2px)}.btn-lokasi:active{transform:scale(.98)}.loading{text-align:center;color:#ff6b00;margin-top:14px;font-size:14px;font-weight:600}.alamat-box{color:#555;word-break:break-word;background:#fff8f3;border:1px solid #ffe2cf;border-radius:18px;margin-top:16px;padding:16px;font-size:14px;line-height:1.8}.jam-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.info-box{color:#6b7280;background:#fff8f2;border:1px solid #ffe2cd;border-radius:18px;margin-top:18px;padding:18px;font-size:14px;line-height:1.8}#pin,#pin2{letter-spacing:4px;text-align:center;font-size:20px;font-weight:700}.btn-daftar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b00,#ff8f2d);border:none;border-radius:20px;width:100%;height:60px;font-size:18px;font-weight:800;transition:all .25s;box-shadow:0 15px 35px #ff6b0040}.btn-daftar:hover{transform:translateY(-2px);box-shadow:0 20px 45px #ff6b0059}.btn-daftar:active{transform:scale(.98)}.popup{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:flex;position:fixed;inset:0}.popup.show{opacity:1;visibility:visible}.popup-card{text-align:center;background:#fff;border-radius:30px;width:100%;max-width:360px;padding:34px 24px;transition:all .25s;transform:translateY(20px);box-shadow:0 30px 70px #0000002e}.popup.show .popup-card{transform:none}.popup-icon{background:linear-gradient(135deg,#ff6b00,#ff8f2d);border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin:auto;display:flex;box-shadow:0 15px 30px #ff6b0040}.popup-icon svg{stroke:#fff;width:42px;height:42px}.popup-card h3{color:#111827;margin-top:22px;font-size:25px;font-weight:800}.popup-card p{color:#6b7280;margin-top:12px;font-size:15px;line-height:1.8}.popup-card button{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:18px;width:100%;height:56px;margin-top:28px;font-size:17px;font-weight:700}.hero{animation:.45s hero}.card{animation:.45s card}@keyframes hero{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes card{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@media (width<=430px){.hero{height:175px}.hero h1{font-size:28px}.card{padding:22px 18px 35px}.section{margin-bottom:30px}.jam-grid{grid-template-columns:1fr;gap:16px}.field input,.btn-lokasi{height:56px}.btn-daftar{height:58px}.popup-card{padding:30px 20px}.popup-card h3{font-size:22px}}input,button{appearance:none;font-family:inherit}html,body{touch-action:manipulation;overscroll-behavior:none}