* { font-family: 'Vazirmatn', system-ui, sans-serif; }
        body {
            background: #050505;
            background-image: radial-gradient(circle at 30% 20%, rgba(180,70,20,0.08) 0%, #020202 100%);
            scroll-behavior: smooth;
            transition: background 0.3s, color 0.2s;
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #1a120c; }
        ::-webkit-scrollbar-thumb { background: #d96c2b; border-radius: 10px; }
        .glass-nav {
            background: rgba(0,0,0,0.75);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(234,88,12,0.25);
        }
        .premium-card {
            background: rgba(15,15,15,0.7);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(234,88,12,0.2);
            transition: all 0.35s cubic-bezier(0.2,0.9,0.4,1.1);
        }
        .premium-card:hover {
            border-color: rgba(234,88,12,0.7);
            background: rgba(25,20,18,0.8);
            transform: translateY(-6px);
            box-shadow: 0 25px 35px -15px rgba(234,88,12,0.3);
        }
        .btn-gradient {
            background: linear-gradient(105deg, #ea580c, #b6410a);
            transition: all 0.3s ease;
        }
        .btn-gradient:hover {
            background: linear-gradient(105deg, #f97316, #c2410c);
            transform: translateY(-3px);
            box-shadow: 0 15px 30px -10px rgba(234,88,12,0.5);
        }
        .gallery-overlay {
            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(185,74,14,0.7) 100%);
            transition: all 0.4s ease-out;
            opacity: 0;
        }
        .group:hover .gallery-overlay { opacity: 1; }
        .gallery-img { transition: transform 0.6s cubic-bezier(0.2,0.9,0.4,1.1); }
        .group:hover .gallery-img { transform: scale(1.07); }
        input:focus, textarea:focus, select:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(234,88,12,0.5);
        }
        /* Modal */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.92);
            backdrop-filter: blur(12px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.25s ease;
        }
        .modal.show { display: flex; opacity: 1; }
        .modal-content {
            max-width: 90vw;
            max-height: 90vh;
            background: rgba(20,18,16,0.9);
            backdrop-filter: blur(20px);
            border-radius: 2rem;
            border: 1px solid rgba(234,88,12,0.4);
            padding: 1.5rem;
            transform: scale(0.95);
            transition: transform 0.25s;
        }
        .modal.show .modal-content { transform: scale(1); }
        .modal-img { border-radius: 1.2rem; max-height: 60vh; object-fit: cover; }
        .modal-close {
            position: absolute;
            top: 20px;
            left: 20px;
            cursor: pointer;
            font-size: 2rem;
            background: rgba(0,0,0,0.5);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
            color: white;
        }
        .modal-close:hover { background: #b6410a; transform: scale(1.05); }
        /* Sidebar filters */
        .filter-sidebar-btn {
            transition: all 0.2s;
            cursor: pointer;
        }
        .filter-sidebar-btn.active {
            background: #ea580c;
            color: white;
            border-color: #ea580c;
        }
        .filter-sidebar-btn:hover:not(.active) {
            background: rgba(234,88,12,0.2);
            border-color: rgba(234,88,12,0.5);
        }
        /* Light Theme */
        body.light-theme {
            background: #fbf6ef;
            background-image: radial-gradient(circle at 20% 10%, rgba(177,98,44,0.10), transparent 32%),
                              radial-gradient(circle at 85% 25%, rgba(120,70,35,0.08), transparent 28%),
                              linear-gradient(180deg, #fbf6ef 0%, #f4eadf 100%);
            color: #2f2118;
        }
        body.light-theme ::-webkit-scrollbar-track { background: #eadccd; }
        body.light-theme ::-webkit-scrollbar-thumb { background: #b1622c; }
        body.light-theme .glass-nav { background: rgba(255,250,244,0.88) !important; border-bottom-color: rgba(139,83,43,0.22) !important; }
        body.light-theme nav a:not(.btn-gradient) { color: #3b281d; }
        body.light-theme nav a:not(.btn-gradient):hover { color: #b1622c; }
        body.light-theme .premium-card { background: rgba(255,253,249,0.82) !important; border-color: rgba(178,137,100,0.38) !important; }
        body.light-theme .premium-card:hover { background: rgba(255,255,255,0.94) !important; border-color: rgba(177,98,44,0.55) !important; }
        body.light-theme .btn-gradient { background: linear-gradient(105deg, #c26a2e, #8f451d) !important; }
        body.light-theme .gallery-overlay { background: linear-gradient(to top, rgba(47,33,24,0.88) 0%, rgba(177,98,44,0.42) 100%) !important; }
        body.light-theme .text-gray-100, body.light-theme .text-gray-200 { color: #2f2118 !important; }
        body.light-theme .border-orange-500\/30 { border-color: rgba(177,98,44,0.28) !important; }
        body.light-theme footer { background: radial-gradient(circle at 15% 10%, rgba(177,98,44,0.10), transparent 26%), linear-gradient(180deg, #f1e4d5 0%, #e8d6c3 100%) !important; border-top-color: rgba(130,90,58,0.22) !important; }
        body.light-theme .bg-black\/30, body.light-theme .bg-black\/70 { background-color: rgba(255,250,244,0.72) !important; }
        body.light-theme .text-orange-400, body.light-theme .text-orange-500 { color: #b1622c !important; }
        body.light-theme .modal-content { background: rgba(255,250,244,0.96); border-color: rgba(177,98,44,0.5); color: #2f2118; }
        body.light-theme .modal-close { background: rgba(0,0,0,0.2); color: #2f2118; }
        body.light-theme .modal-close:hover { background: #b1622c; color: white; }
        body.light-theme .filter-sidebar-btn.active { background: #b1622c; border-color: #b1622c; }
        .theme-btn { cursor: pointer; transition: all 0.2s; }
        .theme-btn:hover { transform: scale(1.05); }