:root{--primary-color:#ff6a00;--secondary-color:#1a1a1a;--dark-bg:#0f0f0f;--text-color:white;--hover-color:#ff4500}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark-bg);color:var(--text-color);font-family:Orbitron,sans-serif;line-height:1.6}.main-content{background:var(--secondary-color);padding:80px 10%}.main-content h1{text-align:center;color:var(--primary-color);margin-bottom:50px;font-size:36px}.filter-sort-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.filter-group,.sort-group{align-items:center;gap:15px;display:flex}.filter-group label,.sort-group label{color:#ccc;font-size:16px}.filter-group select,.sort-group select{background:var(--dark-bg);color:var(--text-color);cursor:pointer;border:1px solid #555;border-radius:5px;padding:10px 15px}.filter-group select option,.sort-group select option{background:var(--dark-bg)}.mod-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:60px;display:grid}.mod-item{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.mod-item:hover{transform:translateY(-10px);box-shadow:0 10px 20px #ff6a004d}.mod-item img{object-fit:scale-down;width:100%;height:180px}.mod-info{flex-direction:column;flex-grow:1;padding:20px;display:flex}.mod-info h3{color:var(--primary-color);margin-bottom:10px;font-size:20px}.mod-info p{opacity:.8;flex-grow:1;margin-bottom:15px;font-size:14px}.mod-info .btn{text-align:center;background:var(--primary-color);color:#000;border-radius:5px;width:100%;padding:12px 20px;font-weight:700;text-decoration:none;transition:background .3s;display:block}.mod-info .btn:hover{background:var(--hover-color)}.pagination{text-align:center;margin-top:40px}.pagination button,.pagination span{background:var(--dark-bg);color:var(--text-color);cursor:pointer;border:1px solid #555;border-radius:5px;margin:0 5px;padding:10px 15px;transition:all .3s}.pagination button:hover{background:#333;border-color:#777}.pagination .current-page{background:var(--primary-color);color:#000;border-color:var(--primary-color)}.search-input{background:var(--dark-bg);color:var(--text-color);border:1px solid #555;border-radius:5px;outline:none;padding:10px 15px}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 8px #ff6a0080}.search-button{background:var(--primary-color);color:#000;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:background .3s}.search-button:hover{background:var(--hover-color)}