/* EAJARTS - Main Stylesheet */

/* ===== BASE STYLES ===== */
* {
    font-family: 'Inter', sans-serif !important;
}

body {
    background: #0a0a0a !important;
    color: #fff !important;
}

/* ===== COMPONENTS ===== */

/* Cards */
.card-dark {
    background: #141414;
    border: 1px solid #262626;
}

/* Buttons */
.btn-red {
    background: #dc2626;
    transition: all 0.2s ease;
}

.btn-red:hover {
    background: #b91c1c;
    transform: translateY(-2px);
}

/* Accent Colors */
.accent-red {
    color: #dc2626;
}

/* Modal */
.modal-overlay {
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
}

/* ===== INDEX PAGE - HERO SECTION ===== */
.hero-gradient {
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
}

.play-btn {
    background: rgba(220, 38, 38, 0.9);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.play-btn:hover {
    background: rgba(220, 38, 38, 1);
    transform: scale(1.1);
}

.video-container {
    background-image: url('https://replicate.delivery/czjl/hYFKY6jZHM7ZPZmZnHAuYgk80M8Z6UfuqN34lTUHgdzm243KA/out-0.webp');
    background-size: cover;
    background-position: center;
}

.progress-bar {
    background: #262626;
}

.progress-fill {
    background: #dc2626;
    width: 15%;
}

.feature-icon {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

.price-highlight {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===== CABINET PAGE ===== */
.video-blur {
    filter: blur(8px);
    transition: all 0.3s ease;
}

.video-card:hover .video-blur {
    filter: blur(6px);
}

.lock-overlay {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
}

.category-btn.active {
    background: #dc2626;
}

.progress-ring {
    transform: rotate(-90deg);
}