/**
 * Festival Film Survey - Frontend Styles
 * 
 * اینجا CSS های خودتون رو اضافه کنید
 * 
 * توجه: این فایل باید حاوی تمام استایل های صفحه نظرسنجی باشد
 * شامل:
 * - Intro screen
 * - Wizard container
 * - Progress bars
 * - Film grid
 * - Rating cards
 * - Story card
 * - Results page
 * - و غیره...
 */

/* فونت فارسی */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.woff2') format('woff2'),
         url('../fonts/Vazir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'Vazir', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
}

/* 
 * اینجا بقیه CSS های خودتون رو اضافه کنید
 * یا از فایل font-face.css و استایل های موجود استفاده کنید
 */

/* Placeholder styles - جایگزین با CSS واقعی خودتان */
.intro-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s, visibility 0.5s;
}

.intro-screen.hidden {
    opacity: 0;
    visibility: hidden;
}

.wizard-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* ادامه استایل های شما... */