#btn-depoooo { animation: blinker 2.5s linear infinite; }

@keyframes smooth-gradient { 
    0% { background-position: 0% 50%; } 
    50% { background-position: 100% 50%; } 
    100% { background-position: 0% 50%; } 
}

.btn-grad-2, .btn-grad-3, .btn-primary, .btn-secondary, .btn-login, .btn-daftar { 
    color: #fff !important; 
    border: 1px solid #cc5200 !important; 
    
    
    background: linear-gradient(90deg, #ffb300 0%, #d44d00 45%, #2a0500 100%) !important; 
    background-size: 250% 100% !important; 
    animation: smooth-gradient 4s ease-in-out infinite !important; 
    
    box-shadow: 0 4px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,152,0,0.4) !important; 
    border-radius: 6px;
    padding: 0.6em 2em;
    cursor: pointer;
}

.menubar { 
    background: linear-gradient(180deg, #ff9800, #993d00 50%, #ff9800); 
}

#navbar-top, #content { background: #000000; }

#snackbar-mobile { 
    visibility: hidden; width: 53rem; background-color: #000; color: #fff; text-align: center; border-radius: 25px; position: fixed; font-family: Glory, sans-serif; z-index: 999999999999999999; border: 2px solid #ff9800; display: flex !important; gap: 1rem; align-items: center; max-width: 95%; height: 60px; right: 2%; font-size: 12px; bottom: 8%; padding: 0.3rem; transform: translateX(0); margin-top: auto; 
}
.snackbar-mobile-icon { max-width: 2rem; padding-right: 0.6rem; }
.snackbar-mobile-img { width: 35px; margin-left: 1rem; }
#snackbar-mobile.tampil { visibility: visible; -webkit-animation: 0.8s fadein, 0.8s 4.5s fadeout; animation: 0.8s fadein, 0.8s 4.5s fadeout; }

.glassmorphism { 
    background: linear-gradient(180deg, #ff9800, #993d00 50%, #ff9800); 
    box-shadow: 1px 2px 5px rgba(255, 152, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.8), inset 2px 0 rgba(255, 255, 255, 0.2), inset -2px 0 rgba(255, 255, 255, 0.2), inset 0px -2px rgba(255, 255, 255, 0.1), inset 0 0 2px #ffb74d, inset 0 0 3px #ff9800; 
    backdrop-filter: blur(11.7px); 
}

a { color: #ffb74d; }

.border-primary { 
    animation: borderPulse 1s infinite ease-out; 
    border-color: #ff9800 !important; 
    fill: #fff; 
}

.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; color: white; }
.card { background-color: #000000; } 
.my-2 { color: #ff9800; }
.bg-white { background: linear-gradient(180deg, #ff9800, #993d00 50%, #ff9800) !important; }

#navbar-imglogo { margin-left: 0 !important; }

#container-apk-a { text-transform: uppercase; font-weight: bold; font-size: 0.7rem; color: white; }
#container-apk-b { text-transform: uppercase; font-weight: bold; font-size: 1.1rem; color: #ffb74d; }
#container-apk-button { float: right; text-transform: uppercase; font-weight: bold; }

#apk-button { 
    text-decoration: none; 
    display: inline-block; 
    padding: 0.6em 1.5em; 
    border-radius: 2rem; 
    box-sizing: border-box; 
    font-weight: 700; 
    color: #fff; 
    background: linear-gradient(90deg, #ffb300 0%, #d44d00 45%, #2a0500 100%); 
    background-size: 250% 100%;
    animation: smooth-gradient 4s ease-in-out infinite, beat 1s infinite; 
    text-align: center; 
    transition: all 0.2s; 
}

@keyframes beat { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.05); } 
    100% { transform: scale(1); } 
}

@keyframes borderPulse { 
    0% { box-shadow: 0px 0px 0px 5px rgba(255,152,0,0.4), 0px 0px 0px 0px rgb(255,152,0); } 
    100% { box-shadow: 0px 0px 0px 3px rgba(255,152,0,0), 0px 0px 0px 10px rgba(255,152,0,0); } 
}

#carousel-togel .owl-stage-outer { padding-bottom: 10px; padding-top: 10px; }

.btn.no-glass { background-color: #ff8c00 !important; }
#btn-promotion { background-color: #ff9800 !important; color: #fff !important; }
.rounded-5.px-3 { border-color: #ff9800 !important; }

.login-panel {
    background: linear-gradient(180deg, #160600, #000000);
    border: 1px solid #cc5200;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.2);
    margin: 15px auto;
    max-width: 400px;
}

.login-panel label {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 5px;
    display: block;
}

.login-panel input {
    width: 100%;
    background-color: #2a0500;
    border: 1px solid #ff9800;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
    outline: none;
    transition: all 0.3s ease;
}

.login-panel input:focus {
    border-color: #ffb74d;
    box-shadow: 0 0 8px rgba(255, 152, 0, 0.6), inset 0 2px 5px rgba(0,0,0,0.7);
}

.login-button-group {
    display: flex;
    gap: 10px;
}

.login-button-group .btn-login, .login-button-group .btn-daftar {
    flex: 1;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
}

.wabutton { width: 50px; height: 50px; position: fixed; bottom: 150px; right: 10px; z-index: 100; }