/* Site-wide liquid frost glass — cards, panels, forms */

:root {
    --lf-glass-bg: rgba(22, 22, 28, 0.52);
    --lf-glass-border: rgba(255, 255, 255, 0.12);
    --lf-glass-highlight: rgba(255, 255, 255, 0.06);
    --lf-glass-blur: 18px;
    --lf-gold: #f59e0b;
}

.lf-glass,
.lf-glass-card,
.glass-card,
.fdm-section__card,
.bfm-card,
.mhz-tier-card,
.mhz-sig-card,
.mhz-offer-card,
.mhz-story__panel,
.mdf-folder-back,
.mlc-glass,
.mlc-auth__form-wrap {
    background: var(--lf-glass-bg) !important;
    border: 1px solid var(--lf-glass-border) !important;
    backdrop-filter: blur(var(--lf-glass-blur)) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(var(--lf-glass-blur)) saturate(1.25) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 var(--lf-glass-highlight) !important;
}

.lf-glass-panel {
    background: var(--lf-glass-bg);
    border: 1px solid var(--lf-glass-border);
    backdrop-filter: blur(var(--lf-glass-blur)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--lf-glass-blur)) saturate(1.2);
    border-radius: 1.25rem;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.32), inset 0 1px 0 var(--lf-glass-highlight);
}

.lf-glass-shine {
    position: relative;
    overflow: hidden;
}

.lf-glass-shine::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -30%;
    width: 60%;
    height: 200%;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.07) 50%, transparent 60%);
    pointer-events: none;
    transform: rotate(8deg);
}

.lf-frost-border {
    border: 1px solid rgba(245, 158, 11, 0.22);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.06) inset;
}