:root{--bg-color:#0d0d0d;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--brand-orange:#f60;--brand-red:#c00;--brand-black:#000;--border-color:#333;--accent-color:var(--brand-orange);--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-color)}.container{max-width:1400px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-orange{color:var(--brand-orange)}.text-red{color:var(--brand-red)}.bg-black{background-color:var(--brand-black)}.bg-secondary{background-color:var(--bg-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{border-color:var(--brand-orange);transform:translateY(-4px);box-shadow:0 8px 24px #ff660026}.grid-layout{gap:20px;display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr}}.btn{background-color:var(--brand-orange);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-weight:600;transition:background-color .2s;display:inline-block}.btn:hover{color:#fff;background-color:#e65c00}.btn-red{background-color:var(--brand-red)}.btn-red:hover{background-color:#a30000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}