@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Poppins:wght@400;600;800&display=swap');.tulisan-kuning{color:#adadad}.bg-primary-401{background-color:#0c02be}.py-1 a:hover{background-color:#3260a1;transition:background-color .3s ease}.bg-haryganz-800{--tw-bg-opacity:1;background-color:var(--warna_3)}.bg-fuchsia-800{--tw-bg-opacity:1;background-color:rgb(5 47 217)}.rounded-t-lg1{border-top-left-radius:1rem;border-top-right-radius:1rem}.rotate-90{transform:rotate(90deg)!important}#site_footer{margin-block-start:auto;background:linear-gradient(to bottom,#0f0f0f 0%,#0f0f0f 100%);font-family:'Poppins',sans-serif;color:#9ca3af;font-size:.875rem;border-top:1px solid #1f2937;padding-top:3rem;padding-bottom:7rem}@media (min-width:768px){#site_footer{padding-bottom:2rem}}#site_footer a{transition:color .2s}#site_footer a:hover{color:#facc15}.footer-title{color:#fff;font-weight:600;margin-bottom:1rem;font-size:1rem;text-transform:capitalize}.logo-text-gradient{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;line-height:.9;letter-spacing:-1px;background:linear-gradient(to bottom right,#fff 30%,#9ca3af 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:.5rem;display:inline-block;transform:skewX(-5deg);filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5))}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.animate-marquee{display:flex;width:max-content;animation:marquee-scroll 25s linear infinite}.tape-pattern{background-color:#355dff;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px)}.btn-wa-dark{display:inline-flex;align-items:center;gap:.5rem;background-color:#1f2937;border:1px solid #374151;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:500;transition:all .3s ease;text-decoration:none}.btn-wa-dark:hover{background-color:#374151;border-color:#4b5563}#footer_app a.download{display:grid;grid-template-columns:var(--W) 1fr;align-items:center;gap:1em;--W:5em;padding:.75em 1.5em;border-radius:1em;box-sizing:border-box;background:linear-gradient(90deg,#000,#000);transition:background .3s ease}#footer_app a.download:hover{background:linear-gradient(90deg,#0400f7,#0b098b)}#footer_app a.download::before{content:'';display:block;width:var(--W);height:var(--W)}.app-download-section{margin-top:1.5rem}.app-download-section p{color:#adadad;font-size:14px;margin-bottom:.5rem}.app-download-section img{height:50px;width:auto;transition:transform .2s ease}.app-download-section a:hover img{transform:scale(1.05)}.social-icon-link{transition:transform .2s ease-out}.social-icon-link:hover{transform:translateY(-3px)}#popup-chat-cs{font-family:'Segoe UI',system-ui,sans-serif;background-color:transparent;opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:all .2s ease-in}#popup-chat-cs.hidden{opacity:0;transform:translateY(20px) scale(.95);visibility:hidden;transition:all .2s ease-out}.popup-header{background-color:#121212;padding:12px 16px;display:flex;align-items:center;border-top-left-radius:16px;border-top-right-radius:16px}.popup-header img{width:32px;height:32px;border-radius:50%;margin-right:12px}.popup-header .title{font-weight:700;color:#fff;font-size:14px}.popup-header .subtitle{font-size:12px;color:#9ca3af;display:flex;align-items:center}.online-indicator{width:8px;height:8px;background-color:#22c55e;border-radius:50%;margin-left:6px}.popup-close-btn{color:#9ca3af;font-size:24px;line-height:1;margin-left:auto;background:0 0;border:none;cursor:pointer;padding:0;transition:color .2s}.popup-close-btn:hover{color:#fff}.popup-body{padding:16px;background-color:#f7f7f7;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.content-box{background-color:#fff;border-radius:12px;padding:20px;border-top:3px solid #1db954;box-shadow:0 4px 15px rgba(0,0,0,.07)}.content-box:first-child{margin-bottom:16px}.content-box h3{font-weight:600;color:#1f2937;font-size:16px;margin-bottom:4px}.start-chat-section p{font-size:13px;color:#9ca3af}.start-chat-section .highlight-text{color:#585858;font-weight:500}.start-chat-button{width:100%;margin-top:16px;padding:12px 16px;border-radius:9999px;color:#fff;font-weight:700;background-color:#1db954;transition:all .25s ease-out;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:14px;text-decoration:none;box-shadow:0 4px 10px rgba(29,185,84,.2)}.start-chat-button:hover{background-color:#1ed760;transform:translateY(-2px);box-shadow:0 6px 15px rgba(29,185,84,.35)}.start-chat-button svg{width:18px;height:18px;margin-left:8px}.channel-list-container{display:flex;flex-direction:column;gap:10px;margin-top:16px}.channel-btn{display:flex;align-items:center;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#1f2937;font-weight:500;transition:all .2s}.channel-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.channel-btn img,.channel-btn svg{margin-right:12px;width:20px;height:20px;object-fit:contain}#radix-\:Ram\:{transition:all .3s ease}#radix-\:Ram\::hover{background-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.4);transform:translateY(-3px) scale(1.05);color:#fff}#harydakjfhjisdhgkfhsahfasfsafasfasf{position:relative;top:auto;transform:translateY(0);z-index:20;transition:transform .5s ease-in-out,background-color .5s ease-in-out}#harydakjfhjisdhgkfhsahfasfsafasfasf.sticky{position:fixed;top:60px;background-color:#0c0819;transform:translateY(0)}#harydakjfhjisdhgkfhsahfasfsafasfasf.swiping{transform:translateY(-100%)}@media (max-width:767px){#harydakjfhjisdhgkfhsahfasfsafasfasf{position:fixed;bottom:0;width:100%;background-color:#0c0c0c;z-index:50;transform:translateY(0)}}#dropdownIcon{transition:transform .3s ease;display:inline-block}.containerFAB{position:fixed;z-index:1100;bottom:90px;right:20px;font-size:40px;display:flex;justify-content:center;align-items:center;width:0;height:0;padding:35px;text-decoration:none;border-radius:50%;animation:zoom-in-zoom-out 3s ease infinite}@media (min-width:768px){.containerFAB{bottom:30px}}.containerXP{position:fixed;z-index:1100;bottom:170px;right:30px;font-size:40px;display:flex;justify-content:center;align-items:center;width:0;height:0;padding:35px;text-decoration:none;border-radius:50%;animation:zoom-in-zoom-out 3s ease infinite}.container-floating-button{animation:zoom-in-zoom-out 1s ease infinite}.bg-background13{background-color:var(--warna_3)}.areaFAB{border-radius:10px;text-align:center;float:right}.areaXP img,.areaFAB img{max-width:75px}@keyframes zoom-in-zoom-out{0%,100%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:9999}.popup-content{width:90vw;max-width:450px;height:auto;aspect-ratio:350/500;background-size:cover;background-position:center;border-radius:20px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px}.popup-inner{text-align:center;background:0 0;padding:0}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;color:red;cursor:pointer;z-index:10}.login-info{font-size:16px;color:#fff;margin-bottom:16px;font-weight:700;text-shadow:1px 1px 2px #000;display:inline-flex;align-items:center;justify-content:center;gap:3px}.google-login-btn{display:inline-flex;flex-direction:column;align-items:center;background:#4285f4;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700;transition:background .3s;width:180px;margin:0 auto}.google-login-btn:hover{background:#3367d6}.google-icon{width:24px;height:24px;margin-bottom:4px;margin-right:10px}.login-section{text-align:center;font-family:'Segoe UI',sans-serif;margin-top:10px}.gift-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.plain-text{color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin:0;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:480px){.plain-text{font-size:10px}}.google-btn{display:inline-flex;align-items:center;padding:10px 20px;border:2px solid #eee;border-radius:30px;background-color:#fff;color:#4285f4;text-decoration:none;font-weight:500;transition:box-shadow .3s ease;margin-top:12px}.google-btn:hover{box-shadow:0 2px 10px rgba(0,0,0,.15)}.custom-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#ff180000;color:#fff;font-size:20px;line-height:30px;text-align:center;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0);transition:background .3s ease}.custom-close-btn:hover{background-color:#c0392b}.popup-container{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:20px}.social-buttons{display:flex;flex-direction:column;gap:12px;max-width:250px}.social-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background-color:#f9f9f9;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid #ddd;color:#333;transition:all .3s ease}.social-btn svg{flex-shrink:0}.social-btn span{flex-grow:1;white-space:nowrap}.social-btn.whatsapp:hover{background-color:#25d36610;color:#25d366;border-color:#25d366}.social-btn.instagram:hover{background-color:#e4405f10;color:#e4405f;border-color:#e4405f}