:root{--primary:#FF6B00;--primary-dark:#E05A00;--primary-light:#FFF3E8;--secondary:#1A1A2E;--accent:#FFD700;--text:#1a1a2e;--text-muted:#6b7280;--bg:#f8f9fc;--card-bg:#ffffff;--border:#e5e7eb;--success:#10b981;--danger:#ef4444;--radius:14px;--shadow:0 2px 16px rgba(0,0,0,0.07);--shadow-hover:0 8px 32px rgba(255,107,0,0.15)}*{box-sizing:border-box}html{overflow-x:hidden}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:'Sora',sans-serif}.navbar{background:var(--secondary) !important;padding:12px 0;position:sticky;top:0;z-index:1030;box-shadow:0 2px 20px rgba(0,0,0,0.3);transition:box-shadow 0.3s ease,background 0.3s ease}.navbar.navbar--scrolled{box-shadow:0 6px 32px rgba(0,0,0,0.65) !important}.navbar-brand{font-weight:800;font-size:1.4rem;color:white !important;letter-spacing:-0.5px}.navbar-brand span{color:var(--primary)}.nav-link{color:rgba(255,255,255,0.85) !important;font-weight:500;transition:color 0.2s;font-size:0.92rem}.nav-link:hover,.nav-link.active{color:var(--primary) !important}.search-form .form-control{border-radius:10px 0 0 10px;border:none;padding:10px 16px;font-family:'DM Sans',sans-serif}.search-form .btn{border-radius:0 10px 10px 0;background:var(--primary);border:none;padding:10px 18px;color:white}.search-form .btn:hover{background:var(--primary-dark);color:white}.sidebar-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:20px}.sidebar-card .sidebar-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--primary-light)}.category-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text);font-size:0.88rem;font-weight:500;transition:background 0.2s}.category-list-item:hover,.category-list-item.active{background:var(--primary-light);color:var(--primary)}.category-list-item .count{font-size:0.75rem;color:var(--text-muted);background:var(--bg);padding:1px 7px;border-radius:20px}.page-link{color:var(--primary);border-radius:8px !important;margin:0 2px}.page-item.active .page-link{background:var(--primary);border-color:var(--primary)}footer{background:var(--secondary);color:rgba(255,255,255,0.7);padding:40px 0 20px;margin-top:60px}footer h5{color:white;font-family:'Sora',sans-serif;font-weight:700;margin-bottom:16px}footer a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.88rem;display:block;margin-bottom:8px;transition:color 0.2s}footer a:hover{color:var(--primary)}footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;margin-top:30px;font-size:0.82rem}.affiliate-disclaimer{font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:8px}.sort-bar{background:white;border-radius:var(--radius);padding:12px 16px;border:1px solid var(--border);margin-bottom:20px}.sort-btn{padding:5px 14px;border-radius:20px;font-size:0.82rem;font-weight:500;border:1.5px solid var(--border);background:white;color:var(--text);text-decoration:none;transition:all 0.2s}.sort-btn:hover,.sort-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.back-top{position:fixed;bottom:24px;right:22px;z-index:990;width:44px;height:44px;border-radius:12px;background:var(--primary);color:white;border:none;box-shadow:0 4px 18px rgba(255,107,0,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 0.25s,visibility 0.25s,transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s}.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:var(--primary-dark);box-shadow:0 8px 24px rgba(255,107,0,0.5);transform:translateY(-3px)}