/* Shared Tailwind companion utilities (pages also load css/style.css for header/footer) */

.glass {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.reveal {
    opacity: 0;
    transform: translateY(2rem);
    transition: all 1200ms cubic-bezier(0, 0, 0.2, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.text-grad {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #5b31bd, #7b5cd6);
}

/* meddit.html hero — same image as meddit2 .meddit-hero */
.meddit-page-hero {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}
.meddit-page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../images/meddit_hero.png');
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    z-index: 0;
    pointer-events: none;
}
.meddit-page-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.2) 100%);
    z-index: 0;
    pointer-events: none;
}

/* index.html hero — same as .hero in style.css */
.index-page-hero {
    position: relative;
    overflow: hidden;
    background-image: url('../images/hero_bg3.jpg');
    background-size: cover;
    background-position: center;
}
/* style.css .hero::before 과 동일 스택: -2 오버레이, .hero-bg-shapes 는 -1 */
.index-page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}