/* ==========================================
   STORE GOLD - PREMIUM ECOSYSTEM CSS
   ========================================== */

:root { 
  --bg: #070514; 
  --surface: #0f0b26; 
  --card: #140f34; 
  --border: #241b4f; 
  --border2: #3b2d82; 
  --gold: #2563EB; 
  --gold2: #1D4ED8; 
  --gold-glow: rgba(76, 111, 255, 0.15); 
  --text: #f1f0f7; 
  --text2: #948fb5; 
  --g-green: linear-gradient(135deg, #10b981, #059669); 
  --g-purple: linear-gradient(135deg, #a855f7, #7c3aed); 
  --g-orange: linear-gradient(135deg, #f59e0b, #d97706); 
  --g-red: linear-gradient(135deg, #f43f5e, #e11d48); 
}

/* 🌟 === إعدادات الوضع الفاتح (Light Mode) === 🌟 */
body.light { 
  --bg: #f1f5f9; 
  --surface: #ffffff; 
  --card: #ffffff; 
  --border: #cbd5e1; 
  --border2: #94a3b8; 
  --text: #0f172a; 
  --text2: #475569; 
  --gold-glow: rgba(76, 111, 255, 0.10); 
}
body.light .text-white { color: #0f172a !important; }
body.light .text-gray-200, body.light .text-gray-300, body.light .text-gray-400, body.light .text-gray-500 { color: #475569 !important; }
body.light .bg-\\[\\#070514\\], body.light .bg-\\[\\#0f0b26\\], body.light .bg-\\[\\#140f34\\] { background-color: #ffffff !important; }
body.light .border-\\[\\#241b4f\\] { border-color: #cbd5e1 !important; }
body.light .bg-black\/20, body.light .bg-black\/30, body.light .bg-black\/40 { background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
body.light input, body.light select, body.light textarea { background: #f8fafc !important; border: 1px solid #94a3b8 !important; color: #0f172a !important; }
body.light input::placeholder { color: #94a3b8 !important; }
body.light .modal { background: rgba(15, 23, 42, 0.5) !important; backdrop-filter: blur(4px); }

/* 🔒 Login page: tban dima dark, ma tet2ather bach body.light (thème dyal daprès-login) */
#login-page .text-white,
body.light #login-page .text-white { color: #f1f0f7 !important; }
body.light #login-page input,
body.light #login-page select,
body.light #login-page textarea { background: #140f34 !important; border: 1px solid #241b4f !important; color: #f1f0f7 !important; }
body.light #login-page input::placeholder { color: #948fb5 !important; }

/* 🔒 Public Store page: nafss lmochkil (body.light kaybdel .text-white lil dark) */
#public-store-page .text-white,
body.light #public-store-page .text-white { color: #f1f0f7 !important; }

/* 🛒 Modal dyal Commander (Public Store): khass ykoun fo9 mn #public-store-page (z-9998) */
#modal-public-order.open { z-index: 9999; }
body.light .modal-content { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; }
body.light table thead th { background: #e2e8f0 !important; color: #1e293b !important; }
body.light tbody td { border-color: #e2e8f0 !important; }
body.light .btn-outline { color: #334155; border-color: #94a3b8; }
body.light .bg-\[\#04030d\] { background-color: #f8fafc !important; }
body.light thead th { background: #e2e8f0 !important; }
body.light #sidebar-overlay { background: rgba(15,23,42,0.4) !important; }
body.light ::-webkit-scrollbar-thumb { background: rgba(100,116,139,0.35) !important; }
body.light .menu-player-header:hover { background: rgba(15,23,42,0.04) !important; }
body.light .border-dashed { border-color: #94a3b8 !important; }

/* 🟢 إصلاح الكارطات الذهبية في الوضع الفاتح */
body.light .offer-card-premium { background: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
body.light .offer-card-premium:hover { border-color: #a855f7 !important; box-shadow: 0 12px 25px rgba(168,85,247,0.15) !important; transform: translateY(-5px); }
body.light .premium-ring-inner { background-color: #ffffff !important; box-shadow: inset 0 2px 6px rgba(0,0,0,0.05) !important; }
body.light .offer-card-premium p.text-gray-100 { color: #0f172a !important; } 
body.light .offer-card-premium p.text-gray-500 { color: #64748b !important; } 
body.light .premium-ring .bg-gray-800 { background: #ffffff !important; color: #0f172a !important; border-color: #cbd5e1 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; font-weight: 800 !important; } 
body.light .premium-ring-inner i { color: #cbd5e1 !important; } 

/* 🟢 إصلاح الأقسام (Catégories) في الوضع الفاتح */
body.light .cat-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
body.light .cat-card:hover { border-color: #6366f1 !important; box-shadow: 0 12px 25px rgba(99,102,241,0.15) !important; }
body.light .cat-ring { background: #ffffff !important; box-shadow: inset 0 2px 6px rgba(0,0,0,0.05) !important; }
body.light .cat-ring-icon { background: #ffffff !important; }
body.light .cat-card .cat-name { color: #0f172a !important; }

/* === COLORED BADGES LIGHT MODE FIXES === */
body.light [class*="bg-amber-9"], body.light [class*="bg-amber-950"] { background-color: #fef3c7 !important; }
body.light [class*="text-amber-3"], body.light [class*="text-amber-4"] { color: #b45309 !important; }
body.light [class*="border-amber-5"] { border-color: #f59e0b !important; }
body.light [class*="bg-rose-9"], body.light [class*="bg-rose-950"] { background-color: #fecdd3 !important; }
body.light [class*="text-rose-3"], body.light [class*="text-rose-4"], body.light [class*="text-rose-5"] { color: #be123c !important; }
body.light [class*="border-rose-5"] { border-color: #f43f5e !important; }
body.light .bg-rose-500 { background-color: #e11d48 !important; color:#fff !important; }
body.light [class*="bg-emerald-9"], body.light [class*="bg-emerald-950"] { background-color: #d1fae5 !important; }
body.light [class*="text-emerald-3"], body.light [class*="text-emerald-4"], body.light [class*="text-emerald-5"] { color: #047857 !important; }
body.light [class*="border-emerald-5"] { border-color: #10b981 !important; }
body.light .bg-emerald-500 { background-color: #059669 !important; color:#fff !important; }
body.light [class*="bg-indigo-9"], body.light [class*="bg-indigo-950"] { background-color: #e0e7ff !important; }
body.light [class*="text-indigo-3"], body.light [class*="text-indigo-4"] { color: #4338ca !important; }
body.light [class*="border-indigo-5"] { border-color: #6366f1 !important; }
body.light [class*="bg-sky-9"], body.light [class*="bg-sky-950"] { background-color: #e0f2fe !important; }
body.light [class*="text-sky-3"], body.light [class*="text-sky-4"] { color: #0369a1 !important; }
body.light [class*="bg-cyan-9"], body.light [class*="bg-cyan-950"] { background-color: #cffafe !important; }
body.light [class*="text-cyan-3"], body.light [class*="text-cyan-4"] { color: #0e7490 !important; }
body.light [class*="bg-gray-9"] { background-color: #e2e8f0 !important; }

/* 🌟 GLOBAL SETTINGS */
body { background: var(--bg); color: var(--text); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; user-select: none; }
.page { display: none; } .page.active { display: block; }
#sidebar { width: 280px; min-width: 280px; background: var(--surface); border-right: 1px solid var(--border); flex-shrink: 0; z-index: 55; }

@media (max-width: 1024px) { 
  #sidebar { position: fixed; top: 0; bottom: 0; left: 0; transform: translateX(-100%); transition: transform 0.3s ease; } 
  #sidebar.open { transform: translateX(0); } 
}
@media (min-width: 1025px) { #sidebar { transform: translateX(0) !important; } }
@media (max-width: 640px) {
  body { font-size: 13px; } 
  .modal { padding: 8px; align-items: flex-start; } 
  .modal-content { max-width: 100% !important; max-height: calc(100vh - 16px); overflow-y: auto; padding: 16px; border-radius: 18px; margin-top: 8px; }
  table { min-width: 480px; } 
  thead th { padding: 8px 10px; font-size: 0.65rem; white-space: nowrap; } 
  tbody td { padding: 8px 10px; font-size: 0.75rem; }
  .modal-content table { display: table; } 
  .modal-content .max-h-56, .modal-content .max-h-44, .modal-content .max-h-72 { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #modal-rev-situation .grid-cols-2 { grid-template-columns: 1fr 1fr; gap: 8px; } 
  #modal-rev-situation .grid-cols-2 > div { padding: 10px !important; } 
  #modal-rev-situation .text-2xl { font-size: 1.15rem !important; }
  .btn-gold, .btn-outline, .btn-acheter { padding: 10px 14px; font-size: 0.8rem; } 
  input, select, textarea { padding: 10px 12px; font-size: 0.85rem; }
}
html, body { max-width: 100vw; overflow-x: hidden; }

/* 🌟 1. AMÉLIORATION DE LA SIDEBAR */
.nav-item {
    font-family: 'Inter', system-ui, sans-serif !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.3px !important; color: #d1d5db !important; border-radius: 12px !important; margin-bottom: 8px !important; padding: 10px 16px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; display: flex !important; align-items: center !important; border: 1px solid transparent !important; width: 100%; text-align: left; background: transparent; cursor: pointer;
}
body.light .nav-item { color: #475569 !important; }
.nav-item i {
    display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 10px !important; margin-right: 14px !important; font-size: 14px !important; color: #ffffff !important; box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), 0 2px 5px rgba(0,0,0,0.3) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.nav-item i.fa-chart-pie { background: linear-gradient(135deg, #3b82f6, #2563eb) !important; }
.nav-item i.fa-paper-plane { background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
.nav-item i.fa-comments { background: linear-gradient(135deg, #10b981, #059669) !important; }
.nav-item i.fa-folder-open, .nav-item i.fa-store { background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; }
.nav-item i.fa-database { background: linear-gradient(135deg, #ec4899, #e11d48) !important; }
.nav-item i.fa-users { background: linear-gradient(135deg, #0ea5e9, #0891b2) !important; }
.nav-item i.fa-cloud-arrow-down { background: linear-gradient(135deg, #64748b, #475569) !important; }
.nav-item i.fa-history { background: linear-gradient(135deg, #6366f1, #4f46e5) !important; }
.nav-item i.fa-list-check { background: linear-gradient(135deg, #14b8a6, #0d9488) !important; }
.nav-item i.fa-clock { background: linear-gradient(135deg, #f43f5e, #e11d48) !important; }
.nav-item i.fa-chart-line { background: linear-gradient(135deg, #10b981, #059669) !important; }
.nav-item i.fa-gears { background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
.nav-item i.fa-credit-card { background: linear-gradient(135deg, #10b981, #059669) !important; }
.nav-item i.fa-bullhorn { background: linear-gradient(135deg, #38bdf8, #0284c7) !important; }
.nav-item i.fa-crown { background: linear-gradient(135deg, #fbbf24, #d97706) !important; }

.nav-item:hover { background-color: rgba(255,255,255,0.05) !important; color: #ffffff !important; transform: translateX(5px) !important; }
body.light .nav-item:hover { background-color: #f1f5f9 !important; color: #0f172a !important; }
.nav-item:hover i { transform: scale(1.1) rotate(5deg) !important; filter: brightness(1.1); }
.nav-item.active { background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(79, 70, 229, 0.05)) !important; color: #ffffff !important; font-weight: 700 !important; border: 1px solid rgba(99, 102, 241, 0.2) !important; }
body.light .nav-item.active { background: #e0e7ff !important; color: #4338ca !important; border-color: #c7d2fe !important; }

/* 🌟 2. LES BADGES */
.badge, [id$="-badge"] { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: white !important; font-weight: 900 !important; font-size: 12px !important; padding: 4px 8px !important; border-radius: 20px !important; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.5) !important; border: 2px solid var(--surface) !important; min-width: 24px; text-align: center; margin-left: auto; }

/* 🌟 3. CHAT FIX */
#reseller-chat-messages [class*="bg-gray-"], #admin-chat-messages-area [class*="bg-gray-"], #reseller-chat-messages [class*="bg-black"], #admin-chat-messages-area [class*="bg-black"] { color: #f9fafb !important; font-weight: 500 !important; letter-spacing: 0.3px !important; }
#reseller-chat-messages [class*="bg-indigo-"], #admin-chat-messages-area [class*="bg-indigo-"] { color: #ffffff !important; font-weight: 500 !important; }

/* 🌟 4. CARTES DES PRODUITS (Style Cercle Doré) */
.offer-card-premium { background: rgba(20, 20, 30, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 20px 15px; display: flex; flex-direction: column; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; }
.offer-card-premium:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5); border-color: rgba(218, 165, 32, 0.4); }
.premium-ring { width: 110px; height: 110px; border-radius: 50%; background: linear-gradient(135deg, #FFD700, #FDB931, #9f7928); padding: 4px; position: relative; margin-bottom: 22px; box-shadow: 0 5px 15px rgba(218, 165, 32, 0.2); flex-shrink: 0; }
.premium-ring-inner { width: 100%; height: 100%; background-color: #111; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: inset 0 4px 10px rgba(0,0,0,0.5); }
.premium-ring-inner img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: 50% !important; transform: scale(1.02); }
.badge-price { position: absolute; top: -5px; right: -15px; background: linear-gradient(135deg, #a855f7, #7c3aed); color: white; font-weight: 800; font-size: 11px; padding: 4px 10px; border-radius: 8px; box-shadow: 0 4px 6px rgba(168, 85, 247, 0.4); z-index: 10; letter-spacing: 0.5px; }

/* 🌟 5. CARTES DES CATÉGORIES */
.cat-card { background: rgba(20, 20, 30, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 22px 18px 18px; display: flex; flex-direction: column; align-items: center; gap: 12px; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; position: relative; }
.cat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(99, 102, 241, 0.15); border-color: rgba(99, 102, 241, 0.5); }
.cat-ring { width: 100px; height: 100px; border-radius: 50%; border: 3px solid #6366f1; background: #0f0b26; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; box-shadow: inset 0 4px 10px rgba(0,0,0,0.5), 0 4px 10px rgba(99,102,241,0.2); }
.cat-ring img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; transform: scale(1.02); }
.cat-ring-icon { width: 100%; height: 100%; border-radius: 50%; background: #0f0b26; display:flex; align-items:center; justify-content:center; font-size:2.4rem; color:#6366f1; }
.cat-card .cat-name { font-weight: 800; font-size: 1.05rem; color: #f1f0f7; text-align: center; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.5px; }
.cat-card .cat-count { font-size: 0.78rem; font-weight: 800; color: #818cf8; background: rgba(99, 102, 241, 0.1); padding: 4px 12px; border-radius: 20px; }
.cat-card .cat-actions { display: flex; gap: 8px; width: 100%; margin-top: 4px; }
.cat-card .cat-edit-btn { flex: 1; background: rgba(99, 102, 241, 0.15); color: #818cf8; font-weight: 700; font-size: 0.78rem; padding: 9px 0; border-radius: 12px; border: 1px solid rgba(99, 102, 241, 0.3); display: flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.2s; }
.cat-card .cat-edit-btn:hover { background: #6366f1; color: #fff; }
.cat-card .cat-del-btn { background: rgba(239, 68, 68, 0.15); color: #f87171; width: 40px; border-radius: 12px; border: 1px solid rgba(239, 68, 68, 0.3); display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.cat-card .cat-del-btn:hover { background: #ef4444; color: #fff; }

.menu-player-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; color: var(--text2); font-weight: 600; cursor: pointer; border-radius: 12px; transition: all 0.2s; width: 100%; }
.menu-player-header:hover { color: var(--text); background: rgba(150,150,150,0.05); }

/* 🌟 INPUTS & BUTTONS */
input, select, textarea { background: #04030d !important; border: 1px solid var(--border) !important; color: var(--text) !important; border-radius: 14px; padding: 12px 16px; width: 100%; outline: none; transition: all 0.2s; }
input:focus, select:focus, textarea:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px var(--gold-glow); }
.btn-gold { background: linear-gradient(135deg, #6366f1, #4f46e5); color: #ffffff !important; font-weight: 600; border-radius: 14px; padding: 12px 20px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: none; transition: all 0.2s; }
.btn-gold:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(99, 102, 241, 0.4); }
.btn-gold:disabled { opacity: 0.4; cursor: not-allowed; }
.btn-outline { background: transparent; border: 1px solid var(--border); border-radius: 12px; padding: 10px 16px; color: var(--text2); cursor: pointer; transition: all 0.2s; }
.btn-outline:hover { border-color: var(--border2); color: var(--text); }

.btn-acheter { background: linear-gradient(135deg, #10b981, #059669) !important; color: #ffffff !important; border: none !important; border-radius: 12px; transition: all 0.2s; }
.btn-acheter:hover { box-shadow: 0 6px 15px rgba(16, 185, 129, 0.4) !important; transform: translateY(-1px); }

table { width: 100%; border-collapse: collapse; }
thead th { background: var(--surface); color: var(--text2); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; padding: 14px; border-bottom: 1px solid var(--border); }
tbody td { padding: 14px; border-bottom: 1px solid var(--border); color: var(--text); font-size: 0.85rem; }

.modal { display: none; position: fixed; inset: 0; background: rgba(3, 2, 8, 0.85); backdrop-filter: blur(8px); align-items: center; justify-content: center; z-index: 1000; padding: 16px; }
.modal.open { display: flex; }
.modal-content { background: var(--card); border: 1px solid var(--border); width: 100%; max-width: 500px; border-radius: 24px; padding: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }

/* 🌟 SCROLLBARS */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(150,150,150,0.3); border-radius: 10px; }
.chat-scroll::-webkit-scrollbar { width: 4px; }
.chat-scroll::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.5); border-radius: 4px; }

/* 🟢 إصلاح لون الصولد والبوطونات في الوضع الفاتح */
body.light #reseller-header-credit h2 { color: #ffffff !important; }
body.light #reseller-chat-floating-btn, body.light a[href*="t.me"] { color: #ffffff !important; }

/* 🟢 إصلاح الضبابة ديال المودال فـ الوضع الفاتح */
body.light #modal-buy-price-line { background-color: #f8fafc !important; border-color: #cbd5e1 !important; }
body.light #modal-buy-price-line span.text-indigo-300 { color: #4f46e5 !important; font-weight: 900 !important; }
body.light #modal-buy-price-line span.text-gray-400 { color: #475569 !important; font-weight: bold !important; }
body.light #modal-buy-duration-btns button { background-color: #ffffff !important; border-color: #cbd5e1 !important; color: #64748b !important; }
body.light #modal-buy-duration-btns button span { color: #475569 !important; }
body.light #modal-buy-duration-btns button.bg-indigo-950\/40 { background-color: #e0e7ff !important; border-color: #6366f1 !important; color: #3730a3 !important; }
body.light #modal-buy-duration-btns button.bg-indigo-950\/40 span { color: #4338ca !important; }

/* 🚀 6. ANIMATION DU TICKER (شريط الأخبار بدون تقطعات) 🚀 */
.ticker-box {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.ticker-text {
  display: inline-block;
  padding-left: 100%; /* كيبدأ من الحاشية نيشان */
  animation: scrollTicker 45s linear infinite; /* سرعة الشريط (15 ثانية) */
  will-change: transform;
}
.ticker-box:hover .ticker-text {
  animation-play-state: paused; /* كيحبس ملي كتحط عليه السوري */
  cursor: pointer;
}
@keyframes scrollTicker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}

/* 🌟 === LOGIN PAGE : grille de "chaînes" animée === 🌟 */
.login-tiles-grid {
  position: absolute; inset: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  grid-auto-rows: 70px; gap: 12px; padding: 40px; opacity: 0.9;
}
.ch-tile {
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(37,99,235,0.16), rgba(37,99,235,0.04));
  border: 1px solid rgba(37,99,235,0.22);
  opacity: 0.45;
  animation: chTilePulse 7s ease-in-out infinite;
}
.ch-tile-gold {
  background: linear-gradient(135deg, rgba(212,175,55,0.22), rgba(212,175,55,0.05));
  border-color: rgba(212,175,55,0.32);
  animation-name: chTilePulseGold;
}
@keyframes chTilePulse {
  0%, 100% { opacity: 0.45; transform: scale(1); box-shadow: 0 0 6px rgba(37,99,235,0.15); }
  50% { opacity: 1; transform: scale(1.035); box-shadow: 0 0 26px rgba(37,99,235,0.45); }
}
@keyframes chTilePulseGold {
  0%, 100% { opacity: 0.48; transform: scale(1); box-shadow: 0 0 6px rgba(212,175,55,0.18); }
  50% { opacity: 1; transform: scale(1.035); box-shadow: 0 0 26px rgba(212,175,55,0.5); }
}
#login-scanline {
  position: absolute; left: 0; right: 0; height: 120px; top: -120px;
  background: linear-gradient(180deg, rgba(212,175,55,0) 0%, rgba(212,175,55,0.06) 50%, rgba(212,175,55,0) 100%);
  animation: loginScan 9s linear infinite; pointer-events: none;
}
@keyframes loginScan {
  0% { top: -120px; }
  100% { top: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ch-tile, .ch-tile-gold, #login-scanline { animation: none !important; }
}

.login-gold-btn {
  background: linear-gradient(135deg, #f2cf6e, #c9971f);
  color: #241b02 !important;
  box-shadow: 0 10px 24px rgba(212,175,55,0.25);
}
.login-gold-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(212,175,55,0.35); }