/* ============================================================ themes.css — 10 УНИКАЛЬНЫХ ДИЗАЙН-ТЕМ Каждая тема — отдельный визуальный язык: свой шрифт, форма карточек/кнопок, декоративные элементы, фон, стиль хедера. HTML-разметка и её классы НЕ меняются — переопределяется только CSS. Функционал (ссылки, формы, JS) не затрагивается. Подключение: класс .theme- уже добавляется на в header.php. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Cinzel:wght@500;700&family=Orbitron:wght@600;800&family=Cormorant+Garamond:wght@500;600&family=Poppins:wght@500;600;700&family=Marcellus&family=Exo+2:wght@500;600;700&display=swap'); /* ============================================================ 1. 🌙 MIDNIGHT NOIR — «Элегантное стекло» ============================================================ */ .theme-midnight { --bg:#0a0a0f; --bg2:#0d0d14; --bg3:#14141e; --bg4:#2a1f3d; --border:#2a1f3d; --text:#e8e0f0; --text2:#9a8da8; --text3:#6a5a7a; --accent:#7B2FBE; --accent2:#9C27B0; --accent-glow:rgba(123,47,190,.3); --gold:#D4A843; --gold2:#F0C868; --radius:20px; --radius-sm:12px; --radius-lg:28px; background:radial-gradient(ellipse at 50% -10%, rgba(123,47,190,.18), transparent 55%), var(--bg); } .theme-midnight .logo, .theme-midnight h1, .theme-midnight .video-title, .theme-midnight .plan-name, .theme-midnight .category-name { font-family:'Playfair Display', serif; } .theme-midnight .header { background:rgba(10,10,15,.6)!important; backdrop-filter:blur(20px) saturate(150%); -webkit-backdrop-filter:blur(20px) saturate(150%); border-bottom:1px solid rgba(123,47,190,.25); } .theme-midnight .nav a { border-radius:20px; } .theme-midnight .nav a:hover { background:rgba(123,47,190,.15); } .theme-midnight .video-card { border-radius:var(--radius-lg); border:1px solid rgba(123,47,190,.2); box-shadow:0 10px 40px -10px rgba(123,47,190,.25); } .theme-midnight .video-card:hover { box-shadow:0 20px 55px -12px rgba(123,47,190,.4); border-color:rgba(123,47,190,.5); } .theme-midnight .video-thumb { border-radius:var(--radius-lg) var(--radius-lg) 0 0; } .theme-midnight .premium-badge, .theme-midnight .video-type-badge, .theme-midnight .filter-btn, .theme-midnight .sort-btn, .theme-midnight .filter-badge, .theme-midnight .page-link { border-radius:20px; } .theme-midnight .btn, .theme-midnight .btn-outline, .theme-midnight .btn-accent, .theme-midnight .btn-gold { border-radius:24px; letter-spacing:.3px; } .theme-midnight .category-card, .theme-midnight .plan-card, .theme-midnight .method-card { border-radius:var(--radius-lg); } .theme-midnight .footer { background:rgba(10,10,15,.7); border-top:1px solid rgba(123,47,190,.2); } .theme-midnight .auth-form { border-radius:var(--radius-lg); box-shadow:0 20px 60px -15px rgba(123,47,190,.3); } /* ============================================================ 2. 🩸 BLOOD ROYAL — «Барочная роскошь» ============================================================ */ .theme-blood_royal { --bg:#0a0505; --bg2:#0d0808; --bg3:#140a0a; --bg4:#3d1a1a; --border:#3d1a1a; --text:#f0e0e0; --text2:#a88080; --text3:#7a5a5a; --accent:#8B0000; --accent2:#C41E3A; --accent-glow:rgba(139,0,0,.3); --gold:#C9A84C; --gold2:#E0C878; --radius:2px; --radius-sm:2px; --radius-lg:2px; background:radial-gradient(ellipse at 50% 0%, rgba(139,0,0,.15), transparent 60%), var(--bg); } .theme-blood_royal .logo, .theme-blood_royal h1, .theme-blood_royal .video-title, .theme-blood_royal .plan-name, .theme-blood_royal .category-name, .theme-blood_royal h2 { font-family:'Cinzel', serif; } .theme-blood_royal .nav a { text-transform:uppercase; font-size:10px; letter-spacing:1.5px; border-radius:0; } .theme-blood_royal .header { border-bottom:1px solid var(--gold); box-shadow:0 3px 0 -1px rgba(0,0,0,.6), 0 4px 0 -1px var(--gold); } .theme-blood_royal .video-card { border-radius:0; border:1px solid var(--gold); position:relative; box-shadow:none; } .theme-blood_royal .video-card::after { content:''; position:absolute; inset:4px; border:1px solid rgba(201,168,76,.35); pointer-events:none; z-index:1; } .theme-blood_royal .video-thumb { border-radius:0; } .theme-blood_royal .video-card:hover { border-color:var(--gold2); transform:none; box-shadow:0 8px 24px rgba(0,0,0,.6); } .theme-blood_royal .premium-badge, .theme-blood_royal .video-type-badge { border-radius:0; letter-spacing:1.5px; } .theme-blood_royal .btn, .theme-blood_royal .btn-accent { border-radius:0; border:1px solid var(--gold); background:transparent; text-transform:uppercase; letter-spacing:1.5px; font-size:11px; } .theme-blood_royal .btn:hover { background:var(--gold); color:#0a0505; } .theme-blood_royal .btn-outline, .theme-blood_royal .filter-btn, .theme-blood_royal .sort-btn, .theme-blood_royal .page-link, .theme-blood_royal .filter-badge { border-radius:0; } .theme-blood_royal .category-card, .theme-blood_royal .plan-card, .theme-blood_royal .method-card { border-radius:0; border:1px solid var(--gold); } .theme-blood_royal .footer { border-top:2px double var(--gold); } .theme-blood_royal .auth-form { border-radius:0; border:1px solid var(--gold); } /* ============================================================ 3. 💜 NEON PULSE — «Кибер-панк» ============================================================ */ .theme-neon_pulse { --bg:#080810; --bg2:#0c0c18; --bg3:#14142a; --bg4:#2a1a50; --border:#2a1a50; --text:#f0e8ff; --text2:#a088d0; --text3:#6a5090; --accent:#6C2BD9; --accent2:#FF2D95; --accent-glow:rgba(108,43,217,.4); --gold:#FFD23F; --gold2:#FFE580; --radius:2px; --radius-sm:2px; --radius-lg:2px; background: repeating-linear-gradient(0deg, rgba(108,43,217,.05) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, rgba(108,43,217,.05) 0 1px, transparent 1px 40px), var(--bg); } .theme-neon_pulse .logo, .theme-neon_pulse h1, .theme-neon_pulse .video-title, .theme-neon_pulse .plan-name, .theme-neon_pulse .category-name { font-family:'Orbitron', sans-serif; letter-spacing:.5px; } .theme-neon_pulse .header { border-bottom:none; box-shadow:0 1px 0 var(--accent2), 0 2px 8px var(--accent-glow); } .theme-neon_pulse .logo:hover { text-shadow:0 0 4px #fff, 2px 0 var(--accent2), -2px 0 var(--accent); } .theme-neon_pulse .nav a { border-radius:0; clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px); } .theme-neon_pulse .video-card { border-radius:0; clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px)); border:1px solid var(--accent2); } .theme-neon_pulse .video-card:hover { box-shadow:0 0 30px var(--accent-glow), 0 0 0 1px var(--accent2); transform:translateY(-4px); } .theme-neon_pulse .video-thumb { clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%); } .theme-neon_pulse .premium-badge, .theme-neon_pulse .video-type-badge { border-radius:0; clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px); } .theme-neon_pulse .btn, .theme-neon_pulse .btn-accent, .theme-neon_pulse .btn-outline { border-radius:0; transform:skewX(-8deg); display:inline-block; } .theme-neon_pulse .btn span, .theme-neon_pulse .btn { transform:skewX(-8deg); } .theme-neon_pulse .filter-btn, .theme-neon_pulse .sort-btn, .theme-neon_pulse .page-link, .theme-neon_pulse .filter-badge { border-radius:0; } .theme-neon_pulse .category-card, .theme-neon_pulse .plan-card, .theme-neon_pulse .method-card { border-radius:0; border:1px solid var(--accent2); } .theme-neon_pulse .footer { border-top:1px solid var(--accent2); box-shadow:0 -2px 12px var(--accent-glow); } .theme-neon_pulse .auth-form { border-radius:0; clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px)); } /* ============================================================ 4. 👑 GOLD & BLACK — «Люксовый минимализм» ============================================================ */ .theme-gold_black { --bg:#0a0805; --bg2:#0d0a07; --bg3:#14100a; --bg4:#3d2a1a; --border:#3d2a1a; --text:#f0e8d0; --text2:#a89880; --text3:#7a6a5a; --accent:#D4A843; --accent2:#F5D76E; --accent-glow:rgba(212,168,67,.2); --gold:#D4A843; --gold2:#F5D76E; --radius:0px; --radius-sm:0px; --radius-lg:0px; background:var(--bg); } .theme-gold_black .logo, .theme-gold_black h1, .theme-gold_black h2, .theme-gold_black .video-title, .theme-gold_black .plan-name, .theme-gold_black .category-name { font-family:'Cormorant Garamond', serif; letter-spacing:.5px; } .theme-gold_black .logo { text-transform:uppercase; letter-spacing:3px; font-weight:600; } .theme-gold_black .header { background:var(--bg)!important; border-bottom:1px solid var(--gold); } .theme-gold_black .nav a { text-transform:uppercase; font-size:10px; letter-spacing:2px; border-radius:0; } .theme-gold_black .nav a::after { display:none; } .theme-gold_black .video-card { border-radius:0; border:1px solid var(--border); box-shadow:none; background:var(--bg3); } .theme-gold_black .video-thumb img { filter:grayscale(.5) contrast(1.05); transition:filter .4s; } .theme-gold_black .video-card:hover .video-thumb img { filter:grayscale(0) contrast(1.1); } .theme-gold_black .video-card:hover { border-color:var(--gold); transform:none; box-shadow:0 0 0 1px var(--gold); } .theme-gold_black .video-thumb { border-radius:0; } .theme-gold_black .premium-badge, .theme-gold_black .video-type-badge { border-radius:0; } .theme-gold_black .btn, .theme-gold_black .btn-accent { border-radius:0; background:transparent; border:1px solid var(--gold); color:var(--gold); text-transform:uppercase; letter-spacing:2px; font-size:11px; } .theme-gold_black .btn:hover { background:var(--gold); color:#0a0805; } .theme-gold_black .btn-outline, .theme-gold_black .filter-btn, .theme-gold_black .sort-btn, .theme-gold_black .page-link, .theme-gold_black .filter-badge { border-radius:0; } .theme-gold_black .category-card, .theme-gold_black .plan-card, .theme-gold_black .method-card { border-radius:0; border:1px solid var(--border); } .theme-gold_black .footer { border-top:1px solid var(--gold); } .theme-gold_black .auth-form { border-radius:0; border:1px solid var(--gold); } /* ============================================================ 5. 🌹 DARK VELVET — «Плюшевый будуар» ============================================================ */ .theme-dark_velvet { --bg:#0a0608; --bg2:#0d080a; --bg3:#140a0e; --bg4:#3d1a22; --border:#3d1a22; --text:#f0e0e4; --text2:#a88088; --text3:#7a5a62; --accent:#6A0D1A; --accent2:#A8324A; --accent-glow:rgba(106,13,26,.3); --gold:#D4956A; --gold2:#E8B896; --radius:28px; --radius-sm:18px; --radius-lg:36px; background:radial-gradient(ellipse at 50% 100%, rgba(168,50,74,.15), transparent 60%), var(--bg); } .theme-dark_velvet .logo, .theme-dark_velvet .video-title, .theme-dark_velvet .plan-name, .theme-dark_velvet .category-name, .theme-dark_velvet h1 { font-family:'Playfair Display', serif; font-style:italic; } .theme-dark_velvet .header { border-radius:0 0 24px 24px; border-bottom:none; box-shadow:0 8px 20px -8px rgba(0,0,0,.6); } .theme-dark_velvet .video-card { border-radius:var(--radius-lg); border:none; box-shadow:0 16px 40px -12px rgba(0,0,0,.7), inset 0 0 0 1px rgba(168,50,74,.15); } .theme-dark_velvet .video-card:hover { box-shadow:0 22px 50px -12px rgba(0,0,0,.8), 0 0 0 1px var(--accent2); } .theme-dark_velvet .video-thumb { border-radius:var(--radius-lg) var(--radius-lg) 0 0; } .theme-dark_velvet .premium-badge { border-radius:0 14px 0 14px; transform:rotate(0deg); } .theme-dark_velvet .video-type-badge, .theme-dark_velvet .filter-btn, .theme-dark_velvet .sort-btn, .theme-dark_velvet .filter-badge, .theme-dark_velvet .page-link { border-radius:20px; } .theme-dark_velvet .btn, .theme-dark_velvet .btn-accent, .theme-dark_velvet .btn-outline { border-radius:30px; box-shadow:inset 0 2px 4px rgba(255,255,255,.08), 0 4px 12px rgba(0,0,0,.4); } .theme-dark_velvet .category-card, .theme-dark_velvet .plan-card, .theme-dark_velvet .method-card { border-radius:var(--radius-lg); } .theme-dark_velvet .footer { border-radius:24px 24px 0 0; border-top:none; } .theme-dark_velvet .auth-form { border-radius:var(--radius-lg); box-shadow:0 20px 60px -10px rgba(0,0,0,.7); } /* ============================================================ 6. 🌊 OCEAN DEEP — «Текучие волны» ============================================================ */ .theme-ocean_deep { --bg:#0a0e1a; --bg2:#0d1224; --bg3:#141e30; --bg4:#1a3050; --border:#1a3050; --text:#e0ecf5; --text2:#8ab0d0; --text3:#5a7a9a; --accent:#0D47A1; --accent2:#00BCD4; --accent-glow:rgba(0,188,212,.25); --gold:#FFB300; --gold2:#FFD54F; --radius:16px; --radius-sm:14px; --radius-lg:32px; background: radial-gradient(circle at 10% 20%, rgba(0,188,212,.08) 0 60px, transparent 62px), radial-gradient(circle at 85% 65%, rgba(13,71,161,.15) 0 90px, transparent 92px), radial-gradient(circle at 60% 15%, rgba(0,188,212,.06) 0 40px, transparent 42px), var(--bg); } .theme-ocean_deep .logo, .theme-ocean_deep h1, .theme-ocean_deep h2, .theme-ocean_deep .video-title, .theme-ocean_deep .plan-name, .theme-ocean_deep .category-name { font-family:'Poppins', sans-serif; } .theme-ocean_deep .header { border-bottom:none; box-shadow:0 4px 20px -6px rgba(0,188,212,.15); border-radius:0 0 30px 30px; } .theme-ocean_deep .search-input-wrapper { border-radius:24px; } .theme-ocean_deep .video-card { border-radius:36px 12px 36px 12px; border:1px solid var(--border); } .theme-ocean_deep .video-card:hover { border-radius:12px 36px 12px 36px; border-color:var(--accent2); } .theme-ocean_deep .video-thumb { border-radius:36px 12px 0 0; } .theme-ocean_deep .premium-badge, .theme-ocean_deep .video-type-badge, .theme-ocean_deep .filter-btn, .theme-ocean_deep .sort-btn, .theme-ocean_deep .filter-badge, .theme-ocean_deep .page-link { border-radius:20px; } .theme-ocean_deep .btn, .theme-ocean_deep .btn-accent, .theme-ocean_deep .btn-outline { border-radius:30px; } .theme-ocean_deep .category-card { border-radius:28px 8px 28px 8px; } .theme-ocean_deep .plan-card, .theme-ocean_deep .method-card { border-radius:28px; } .theme-ocean_deep .footer { border-radius:30px 30px 0 0; border-top:none; } .theme-ocean_deep .auth-form { border-radius:36px 12px 36px 12px; } /* ============================================================ 7. 💚 EMERALD NIGHT — «Ар-деко» ============================================================ */ .theme-emerald_night { --bg:#0a0f0a; --bg2:#0d140d; --bg3:#141e14; --bg4:#1a3a1a; --border:#1a3a1a; --text:#e0f0e0; --text2:#80b080; --text3:#5a7a5a; --accent:#1B5E20; --accent2:#4CAF50; --accent-glow:rgba(76,175,80,.25); --gold:#D4AF37; --gold2:#F0D878; --radius:2px; --radius-sm:2px; --radius-lg:2px; background:repeating-linear-gradient(135deg, rgba(212,175,55,.03) 0 2px, transparent 2px 24px), var(--bg); } .theme-emerald_night .logo, .theme-emerald_night h1, .theme-emerald_night h2, .theme-emerald_night .video-title, .theme-emerald_night .plan-name, .theme-emerald_night .category-name { font-family:'Marcellus', serif; letter-spacing:.5px; } .theme-emerald_night .header { border-bottom:2px solid var(--gold); } .theme-emerald_night .video-card { border-radius:0; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); border:1px solid var(--gold); } .theme-emerald_night .video-card:hover { box-shadow:0 0 0 1px var(--accent2), 0 12px 28px rgba(0,0,0,.5); } .theme-emerald_night .video-thumb { clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px); } .theme-emerald_night .premium-badge, .theme-emerald_night .video-type-badge { border-radius:0; } .theme-emerald_night .btn, .theme-emerald_night .btn-accent { border-radius:0; clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); } .theme-emerald_night .btn-outline, .theme-emerald_night .filter-btn, .theme-emerald_night .sort-btn, .theme-emerald_night .page-link, .theme-emerald_night .filter-badge { border-radius:0; } .theme-emerald_night .category-card, .theme-emerald_night .plan-card, .theme-emerald_night .method-card { border-radius:0; border:1px solid var(--gold); } .theme-emerald_night .footer { border-top:2px solid var(--gold); } .theme-emerald_night .auth-form { border-radius:0; border:1px solid var(--gold); } /* ============================================================ 8. 👑 ROYAL PURPLE — «Королевский герб» ============================================================ */ .theme-royal_purple { --bg:#0a0610; --bg2:#0d0818; --bg3:#140e22; --bg4:#2a1a4a; --border:#2a1a4a; --text:#f0e8f5; --text2:#a890c0; --text3:#6a5a7a; --accent:#4A148C; --accent2:#E8C84A; --accent-glow:rgba(232,200,74,.2); --gold:#E8C84A; --gold2:#F5D76E; --radius:24px 24px 4px 4px; --radius-sm:8px; --radius-lg:28px 28px 4px 4px; background:radial-gradient(ellipse at 50% 0%, rgba(74,20,140,.25), transparent 55%), var(--bg); } .theme-royal_purple .logo, .theme-royal_purple h1, .theme-royal_purple h2, .theme-royal_purple .video-title, .theme-royal_purple .plan-name, .theme-royal_purple .category-name { font-family:'Cinzel', serif; } .theme-royal_purple .header { border-bottom:2px solid var(--gold); } .theme-royal_purple .video-card { border-radius:24px 24px 4px 4px; border:1px solid var(--border); position:relative; } .theme-royal_purple .video-card::before, .theme-royal_purple .video-card::after { content:''; position:absolute; width:14px; height:14px; border-color:var(--gold); border-style:solid; z-index:2; pointer-events:none; } .theme-royal_purple .video-card::before { top:6px; left:6px; border-width:2px 0 0 2px; } .theme-royal_purple .video-card::after { bottom:6px; right:6px; border-width:0 2px 2px 0; } .theme-royal_purple .video-card:hover { border-color:var(--gold); } .theme-royal_purple .video-thumb { border-radius:22px 22px 0 0; } .theme-royal_purple .premium-badge, .theme-royal_purple .video-type-badge { border-radius:10px; } .theme-royal_purple .btn, .theme-royal_purple .btn-accent, .theme-royal_purple .btn-outline { border-radius:30px; box-shadow:0 0 0 1px var(--gold), 0 4px 12px rgba(0,0,0,.4); } .theme-royal_purple .filter-btn, .theme-royal_purple .sort-btn, .theme-royal_purple .page-link, .theme-royal_purple .filter-badge { border-radius:16px; } .theme-royal_purple .category-card, .theme-royal_purple .plan-card, .theme-royal_purple .method-card { border-radius:24px 24px 4px 4px; } .theme-royal_purple .footer { border-top:2px solid var(--gold); } .theme-royal_purple .auth-form { border-radius:24px 24px 4px 4px; box-shadow:0 0 0 1px var(--gold); } /* ============================================================ 9. ❄️ ICE COLD — «Морозный кристалл» ============================================================ */ .theme-ice_cold { --bg:#080e12; --bg2:#0c141a; --bg3:#141e26; --bg4:#1a3a4a; --border:#1a3a4a; --text:#e0f0fa; --text2:#80b8d0; --text3:#5a7a8a; --accent:#0277BD; --accent2:#4FC3F7; --accent-glow:rgba(79,195,247,.25); --gold:#C9B458; --gold2:#E8D89C; --radius:2px; --radius-sm:2px; --radius-lg:2px; background: radial-gradient(2px 2px at 15% 25%, rgba(79,195,247,.6), transparent), radial-gradient(2px 2px at 75% 15%, rgba(79,195,247,.5), transparent), radial-gradient(1.5px 1.5px at 40% 70%, rgba(79,195,247,.5), transparent), radial-gradient(1.5px 1.5px at 90% 55%, rgba(79,195,247,.4), transparent), radial-gradient(1.5px 1.5px at 60% 85%, rgba(79,195,247,.4), transparent), var(--bg); } .theme-ice_cold .logo, .theme-ice_cold h1, .theme-ice_cold h2, .theme-ice_cold .video-title, .theme-ice_cold .plan-name, .theme-ice_cold .category-name { font-family:'Exo 2', sans-serif; } .theme-ice_cold .header { background:rgba(8,14,18,.55)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid var(--accent2); box-shadow:0 2px 12px var(--accent-glow); } .theme-ice_cold .video-card { border-radius:0; clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); border:1px solid rgba(79,195,247,.35); background:linear-gradient(160deg, rgba(20,30,38,.9), rgba(20,30,38,.6)); backdrop-filter:blur(6px); } .theme-ice_cold .video-card:hover { border-color:var(--accent2); box-shadow:0 0 24px var(--accent-glow); } .theme-ice_cold .video-thumb { clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px); } .theme-ice_cold .premium-badge, .theme-ice_cold .video-type-badge { border-radius:0; clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px); } .theme-ice_cold .btn, .theme-ice_cold .btn-accent, .theme-ice_cold .btn-outline { border-radius:0; clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); } .theme-ice_cold .filter-btn, .theme-ice_cold .sort-btn, .theme-ice_cold .page-link, .theme-ice_cold .filter-badge { border-radius:0; } .theme-ice_cold .category-card, .theme-ice_cold .plan-card, .theme-ice_cold .method-card { border-radius:0; border:1px solid rgba(79,195,247,.3); backdrop-filter:blur(6px); } .theme-ice_cold .footer { border-top:1px solid var(--accent2); } .theme-ice_cold .auth-form { border-radius:0; clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); } /* ============================================================ 10. 🌅 SUNSET BLAZE — «Тёплое сияние» ============================================================ */ .theme-sunset_blaze { --bg:#0a0604; --bg2:#0d0806; --bg3:#140e0a; --bg4:#3d2a1a; --border:#3d2a1a; --text:#f5e8d0; --text2:#c0a080; --text3:#8a6a4a; --accent:#E65100; --accent2:#FF6F00; --accent-glow:rgba(255,111,0,.3); --gold:#FFB300; --gold2:#FFD54F; --radius:8px 8px 28px 28px; --radius-sm:10px; --radius-lg:8px 8px 36px 36px; background:radial-gradient(ellipse at 50% 110%, rgba(255,111,0,.2), transparent 60%), var(--bg); } .theme-sunset_blaze .logo, .theme-sunset_blaze h1, .theme-sunset_blaze h2, .theme-sunset_blaze .video-title, .theme-sunset_blaze .plan-name, .theme-sunset_blaze .category-name { font-family:'Poppins', sans-serif; font-weight:700; } .theme-sunset_blaze .header { border-bottom:2px solid transparent; border-image:linear-gradient(90deg, var(--accent), var(--gold)) 1; } .theme-sunset_blaze .logo:hover { text-shadow:0 0 16px var(--accent2), 0 0 30px var(--gold); } .theme-sunset_blaze .video-card { border-radius:8px 8px 28px 28px; border:1px solid var(--border); position:relative; overflow:hidden; } .theme-sunset_blaze .video-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--accent), var(--gold), var(--accent2)); z-index:2; } .theme-sunset_blaze .video-card:hover { box-shadow:0 10px 30px var(--accent-glow); } .theme-sunset_blaze .video-thumb { border-radius:6px 6px 0 0; } .theme-sunset_blaze .premium-badge, .theme-sunset_blaze .video-type-badge, .theme-sunset_blaze .filter-btn, .theme-sunset_blaze .sort-btn, .theme-sunset_blaze .filter-badge, .theme-sunset_blaze .page-link { border-radius:20px; } .theme-sunset_blaze .btn, .theme-sunset_blaze .btn-accent, .theme-sunset_blaze .btn-outline { border-radius:30px; background-image:linear-gradient(90deg, var(--accent), var(--gold)); background-size:200% auto; transition:background-position .4s, transform .2s; } .theme-sunset_blaze .btn:hover, .theme-sunset_blaze .btn-accent:hover { background-position:right center; transform:translateY(-1px); } .theme-sunset_blaze .category-card { border-radius:8px 8px 24px 24px; } .theme-sunset_blaze .plan-card, .theme-sunset_blaze .method-card { border-radius:16px; } .theme-sunset_blaze .footer { border-top:2px solid transparent; border-image:linear-gradient(90deg, var(--gold), var(--accent)) 1; } .theme-sunset_blaze .auth-form { border-radius:8px 8px 32px 32px; }