/* style.css */
:where([class^="ri-"])::before { content: "\f3c2"; }
@font-face {
    font-family: 'KoreanFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'KoreanFont', sans-serif;
}
.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://readdy.ai/api/search-image?query=Traditional%20Korean%20shamanic%20altar%20with%20colorful%20decorations%2C%20brass%20bells%2C%20offerings%20of%20fruits%2C%20and%20a%20large%20painted%20tapestry%20depicting%20deities%20in%20the%20background.%20The%20scene%20is%20illuminated%20with%20warm%20light%2C%20creating%20a%20mystical%20and%20spiritual%20atmosphere&width=1200&height=600&seq=123&orientation=landscape');
    background-size: cover;
    background-position: center;
}
.section-bg {
    background-image: url('https://readdy.ai/api/search-image?query=Subtle%20traditional%20Korean%20pattern%20with%20light%20beige%20background%2C%20featuring%20delicate%20lotus%20flowers%20and%20cloud%20motifs%20in%20very%20light%20gray%2C%20creating%20an%20elegant%20and%20minimalist%20texture%20suitable%20for%20website%20background&width=1200&height=800&seq=124&orientation=landscape');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.custom-input {
    background-color: rgba(255, 255, 255, 0.9);
}
.custom-checkbox {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #C41E3A;
    border-radius: 4px;
    position: relative;
}
.custom-checkbox:checked {
    background-color: #C41E3A;
}
.custom-checkbox:checked::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    top: 3px;
    left: 6px;
    transform: rotate(45deg);
}
.custom-radio {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #C41E3A;
    border-radius: 50%;
    position: relative;
}
.custom-radio:checked::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #C41E3A;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}
.prayer-card {
    transition: transform 0.3s ease;
}
.prayer-card:hover {
    transform: translateY(-5px);
}
.traditional-border {
    border: 1px solid #FFB612;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}