*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:#ff6b00;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.hero{background-image:url(https://res.cloudinary.com/dnrfw1zvt/image/upload/v1782456585/Image_20260616_011545_812_wh5rdf.png);background-position:20% 20%;background-repeat:no-repeat;background-size:300%;justify-content:center;align-items:center;height:270px;display:flex}.logo{width:150px}.card{background:#fff;border-radius:36px 36px 0 0;min-height:100vh;margin-top:-35px;margin-left:15px;margin-right:15px;padding:32px 24px;box-shadow:0 -5px 25px #0000000d}.badge{color:#ff6b00;background:#fff1e8;border-radius:999px;width:max-content;margin:auto;padding:10px 24px;font-size:14px;font-weight:700}h1{text-align:center;color:#0f172a;margin-top:28px;font-size:28px;font-weight:800;line-height:1.25}p{text-align:center;color:#6b7280;max-width:290px;margin:14px auto auto;font-size:14px;line-height:1.8}.google{color:#202124;cursor:pointer;appearance:none;background:#fff;border:1px solid #ececec;border-radius:18px;justify-content:center;align-items:center;gap:14px;width:100%;height:58px;margin-top:32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 3px 8px #0000000a,0 8px 18px #0000000d}.google,.google:visited,.google:hover,.google:active,.google:focus{color:#202124;text-decoration:none}.google:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014,0 18px 40px #00000014}.google:active{transform:scale(.98)}.google img{width:24px}.divider{text-align:center;color:#9ca3af;margin:34px 0;font-size:14px;font-weight:600;position:relative}.divider:before{content:"";background:#e5e7eb;width:20%;height:1px;position:absolute;top:50%;left:0}.divider:after{content:"";background:#e5e7eb;width:20%;height:1px;position:absolute;top:50%;right:0}input{letter-spacing:1px;text-align:center;border:1px solid #e5e7eb;border-radius:18px;outline:none;width:100%;height:58px;padding:0 18px;font-size:22px;font-weight:700}input::placeholder{letter-spacing:0;font-size:16px;font-weight:500}input:focus{border-color:#ff6b00}.login{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:18px;width:100%;height:60px;margin-top:22px;font-size:18px;font-weight:800;transition:all .25s;box-shadow:0 8px 20px #ff6b0040}.login:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff6b0059}.login:active{transform:scale(.98)}.toabo-stats{border-top:1px solid #ececec;justify-content:space-between;gap:10px;margin-top:40px;padding-top:25px;display:flex}@media (width<=430px){.hero{height:250px}.logo{width:115px}h1{font-size:24px}}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.popup{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;z-index:99999;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-box{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:340px;padding:28px 24px;transition:all .25s;transform:scale(.9);box-shadow:0 25px 70px #0000002e}.popup.show .popup-box{transform:scale(1)}.popup-icon{color:#ff6b00;background:#fff3eb;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:auto;font-size:34px;font-weight:800;display:flex}.popup-box h3{color:#111827;margin-top:18px;font-size:23px;font-weight:800}.popup-box p{color:#6b7280;margin-top:10px;font-size:15px;line-height:1.7}.popup-box button{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:18px;width:100%;height:56px;margin-top:24px;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 10px 25px #ff6b004d}.popup-box button:active{transform:scale(.97)}.action-row{gap:12px;margin-top:14px;display:flex}.action-btn{color:#ff6b00;background:#fff7f2;border:1.5px solid #ffd5bb;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 12px #ff6b0014}.action-btn svg{stroke:#ff6b00;stroke-width:2px;fill:none;width:20px;height:20px}.action-btn:hover{color:#fff;background:#ff6b00;transform:translateY(-2px);box-shadow:0 10px 25px #ff6b0040}.action-btn:hover svg{stroke:#fff}.action-btn:active{transform:scale(.98)}.bantuan-login{justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.lupa-link{color:#9ca3af;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.lupa-link:after{content:"";background:#ff6b00;border-radius:999px;width:0;height:2px;transition:all .25s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.lupa-link:hover{color:#ff6b00}.lupa-link:hover:after{width:100%}.lupa-link:active{transform:scale(.96)}.divider-login{color:#d1d5db;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.mitra-title{text-align:center;margin-top:28px;margin-bottom:16px}.mitra-title span{color:#ff6b00;letter-spacing:.5px;text-transform:uppercase;background:#fff4ec;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.mitra-title h3{color:#111827;margin-top:14px;font-size:20px;font-weight:800;line-height:1.3}.mitra-title p{color:#6b7280;max-width:290px;margin:10px auto 0;font-size:14px;line-height:1.7}.join{border-top:1px solid #ececec;margin-top:28px;padding-top:24px}.join-btn{color:#ff6b00;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#fff3eb,#ffe3d1);border:none;border-radius:999px;margin:auto;padding:12px 26px;font-size:15px;font-weight:800;transition:all .25s;display:block;box-shadow:0 8px 20px #ff6b001f}.join-btn:hover{color:#fff;background:linear-gradient(135deg,#ff6b00,#ff8b2b);transform:translateY(-2px);box-shadow:0 14px 30px #ff6b0040}.join-btn:active{transform:scale(.97)}.join-content{opacity:0;max-height:0;transition:all .35s;overflow:hidden}.join-content.show{opacity:1;max-height:300px;margin-top:18px}.join-content p{color:#6b7280;max-width:290px;margin:auto;font-size:14px;line-height:1.7}