.gerbang{position:fixed;inset:0;overflow-y:auto;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:#6F9A4A}.gerbang:before{content:"";position:fixed;inset:-20px;background:url(/peta-day3.jpg) 50%/cover no-repeat;filter:blur(6px) saturate(1.1);transform:scale(1.05)}.gerbang:after{content:"";position:fixed;inset:0;background:radial-gradient(120% 80% at 50% 0,rgba(250,204,21,.18),transparent 60%),linear-gradient(180deg,rgba(30,26,22,.15),rgba(30,26,22,.55))}.gb-kartu{position:relative;z-index:1;width:100%;max-width:380px;background:var(--kertas);border-radius:28px;padding:30px 22px 22px;box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 0 0 2px rgba(92,71,51,.12);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:gb-naik .45s cubic-bezier(.2,.9,.3,1.2) both}@keyframes gb-naik{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.gb-papan{margin-top:-62px;background:#8B5A2B;color:#FBF5E6;border-radius:14px;padding:10px 18px 12px;box-shadow:0 6px 0 #5C3A1A,0 12px 24px rgba(0,0,0,.3);position:relative}.gb-papan:after,.gb-papan:before{content:"";position:absolute;top:100%;width:8px;height:22px;background:#5C3A1A;border-radius:0 0 3px 3px}.gb-papan:before{left:22px}.gb-papan:after{right:22px}.gb-papan small{display:block;font-size:10px;letter-spacing:.22em;font-weight:800;opacity:.8}.gb-papan b{display:block;font-size:22px;font-weight:900;letter-spacing:-.01em;line-height:1.1}.gb-papan b span{color:var(--lampu)}.gb-ikon{width:84px;height:84px;margin-top:14px;border-radius:26px;background:var(--kertas2);display:grid;place-items:center;font-size:46px;box-shadow:inset 0 0 0 2px rgba(92,71,51,.15)}.gb-judul{margin:0;font-size:21px;font-weight:900;line-height:1.2}.gb-teks{margin:0;font-size:14px;line-height:21px;color:var(--tinta2);max-width:300px}.gb-poin{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0}.gb-poin div{background:var(--kertas2);border-radius:14px;padding:10px 4px 8px;font-size:11px;font-weight:800;color:var(--tinta2);line-height:14px}.gb-poin div i{display:block;font-style:normal;font-size:20px;margin-bottom:4px}.gb-google{min-height:44px;display:grid;place-items:center}.gb-tunggu{width:260px;height:44px;border-radius:999px;background:linear-gradient(90deg,#EDE3CC,#FBF5E6,#EDE3CC);background-size:200% 100%;animation:gb-kilau 1.2s linear infinite}@keyframes gb-kilau{to{background-position:-200% 0}}.gb-galat{width:100%;box-sizing:border-box;background:#FDECEA;color:#9B2C1F;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;line-height:18px}.gb-kecil{font-size:11px;line-height:16px;color:var(--tinta2);opacity:.85;max-width:300px}.gb-kecil a{color:inherit}.gb-langkah{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:800;color:var(--tinta2)}.gb-langkah span{width:22px;height:6px;border-radius:3px;background:#E2D5B8}.gb-langkah span.on{background:var(--bata);width:34px}.gb-ktw{width:100%;box-sizing:border-box;text-align:left;border-radius:18px;padding:14px 14px 12px;background:linear-gradient(135deg,#2A9D8F,#1F7A6F);color:#fff;box-shadow:0 10px 22px rgba(31,122,111,.35);position:relative;overflow:hidden}.gb-ktw:after{content:"🏡";position:absolute;right:-6px;bottom:-14px;font-size:76px;opacity:.16}.gb-ktw small{font-size:9px;letter-spacing:.2em;font-weight:800;opacity:.8}.gb-ktw-isi{display:flex;gap:12px;align-items:center;margin-top:8px}.gb-ktw-foto{width:46px;height:46px;border-radius:14px;background:var(--lampu);color:var(--tinta);display:grid;place-items:center;font-weight:900;font-size:20px;flex:none}.gb-ktw b{display:block;font-size:16px;font-weight:900}.gb-ktw em{font-style:normal;font-size:13px;opacity:.9;word-break:break-all}.gb-isian{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12px;font-weight:800;color:var(--tinta2)}.gb-input{display:flex;align-items:center;height:50px;border-radius:16px;background:var(--kertas2);border:2px solid #d9c9a6;padding:0 14px;transition:border-color .15s}.gb-input:focus-within{border-color:var(--bata)}.gb-input b{font-size:17px;color:var(--tinta2);margin-right:2px}.gb-input input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--tinta)}.gb-btn{width:100%;height:52px;border:0;border-radius:999px;background:var(--bata);color:#fff;font-size:16px;font-weight:900;box-shadow:0 5px 0 #8A2E08;transition:transform .08s,box-shadow .08s,opacity .15s}.gb-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #8A2E08}.gb-btn:disabled{opacity:.55;cursor:default}.gb-dev{display:flex;gap:6px;width:100%}.gb-dev input{flex:1;min-width:0;height:36px;border-radius:10px;font:inherit}.gb-dev button,.gb-dev input{border:1px dashed var(--tinta2);background:transparent;padding:0 10px}.gb-dev button{border-radius:10px;font-weight:700}