.liquid-glass {
    /* Base glass */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.25),
        rgba(255, 255, 255, 0.05)
    );
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    /* Shape & layout */
    border-radius: 24px;
    padding: 20px;
    position: relative;

    /* Depth */
    box-shadow:
        0 25px 45px rgba(0, 0, 0, 0.15),
        inset 0 0 0 1px rgba(255, 255, 255, 0.2);

    /* Soft border */
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.liquid-glass .card-body {
    background: transparent !important;
}

.input-group-append div {
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
}

/* Glossy top highlight */
.liquid-glass::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;

    background: radial-gradient(
        circle at 50% 0%,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0) 60%
    );

    pointer-events: none;
}

/* Optional moving “liquid” sheen */
.liquid-sheen {
    position: absolute;
    inset: -40%;
    background: conic-gradient(
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.02),
        rgba(255, 255, 255, 0.3)
    );
    animation: rotate 8s linear infinite;
    pointer-events: none;
    opacity: 0.6;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}