/* Custom CSS untuk mengatur warna logo */
.img-fluid.logo {
    /* Mengubah warna logo menjadi putih (untuk sidebar dengan background biru) */
    filter: brightness(0) invert(1);
}

/* Logo pada halaman login/auth */
.auth-form .card .card-body img {
    /* Pastikan logo tampil sesuai aslinya */
    filter: none !important; /* Override filter lain */
    max-height: 45px; /* Batasi ukuran logo */
}

/* Mengatur ukuran logo di sidebar */
.m-header .logo {
    max-height: 35px; /* Batasi ukuran logo */
}

/* === Landing Page Enhancements === */
.animated-gradient-bg{
    background: linear-gradient(135deg,#1da1f2,#0e83cd,#6610f2);
    background-size:600% 600%;
    animation: gradientMove 12s ease infinite;
}
@keyframes gradientMove{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.btn{
    position:relative;
    transition:transform .2s ease;
}
.btn:hover{transform:scale(1.03)}
.btn:active::after{
    content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:rgba(255,255,255,.25);border-radius:50%;opacity:0;animation:ripple .5s ease;
}
@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.btn-brand-google{
    display:inline-flex;
    align-items:center;
    
    gap:8px;
    width:100%;
    height:54px;
    padding:0 16px;
    background:#ffffff;
    color:#4285f4;
    
    
    font-weight:500;
    font-size:1rem;
    transition:background .2s ease;


}
.btn-brand-google:hover{
    background:#4285f4;color:#ffffff;
}