/* Hide default cursor */
body {
    cursor: none;
}

/* Slightly smaller premium circle */
.cursor-circle {
    position: fixed;
    width: 32px;
    height: 32px;
    border: 2px solid #42689e;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
    box-shadow:
      0 0 15px rgba(66,104,158,0.8),
      0 0 30px rgba(66,104,158,0.4);
}

/* HIGH POWER GLITTER */
.glitter {
    position: fixed;
    width: 26px;
    height: 26px;
    background: radial-gradient(circle,
        #ffffff,
        #9fb9ff,
        #42689e,
        #1e3c72
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    animation: glitterFade 0.9s ease-out forwards;
    box-shadow:
      0 0 25px rgba(159,185,255,1),
      0 0 55px rgba(66,104,158,0.9),
      0 0 85px rgba(66,104,158,0.7);
}

@keyframes glitterFade {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.05);
        opacity: 0;
    }
}
.btn {
    transition: transform 0.15s ease-out;
}



.d2c_card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    transform-style: preserve-3d;
}

.d2c_card:hover {
    box-shadow: 0 25px 60px rgba(66,104,158,0.35);
}


.neon-border {
    position: relative;
    border-radius: 16px;
}

.neon-border::before {
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    background: linear-gradient(120deg,
        #42689e, #9fb9ff, #42689e, #1e3c72);
    filter: blur(8px);
    opacity:0;
    transition:0.4s;
    z-index:-1;
}

.neon-border:hover::before {
    opacity:1;
}

.liquid-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg,#42689e,#9fb9ff);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 40px;
}

.liquid-btn::before {
    content:"";
    position:absolute;
    width:140%;
    height:140%;
    left:-20%;
    top:70%;
    background: radial-gradient(circle,rgba(255,255,255,0.7),transparent 70%);
    transition:0.7s;
}

.liquid-btn:hover::before {
    top:-40%;
}
.img-pop {
    transition: transform 0.3s ease, box-shadow 0.3s;
}

.img-pop:hover {
    transform: scale(1.08) rotateZ(1deg);
    box-shadow: 0 30px 80px rgba(66,104,158,0.45);
}
.gradient-text {
    background: linear-gradient(120deg,#42689e,#9fb9ff,#42689e);
    -webkit-background-clip:text;
    color:transparent;
    animation: shimmer 4s linear infinite;
    background-size:200%;
}

@keyframes shimmer {
    from {background-position:0%;}
    to {background-position:200%;}
}
@media (max-width: 768px) {
    body {
        cursor: auto !important;
    }

    .cursor-circle,
    .glitter {
        display: none !important;
    }
}