.navbar{background-color:#333;padding:1rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;color:#fff}.navbar-brand a{color:#fff;text-decoration:none}.navbar-links{list-style:none;display:flex;gap:1rem}.navbar-links li{display:inline}.navbar-links a{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:background-color .3s}.navbar-links a:hover{background-color:#555;border-radius:5px}.homepage-container{padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.welcome-message{text-align:center;margin-bottom:30px}.welcome-message h1{font-size:2.5em;color:#000849}.welcome-message p{font-size:1.2em;color:#718096}h2{color:#333;margin-bottom:10px;text-align:center;font-weight:700;font-size:24px}.new-releases-section,.top-ranked-section{margin-bottom:30px}.new-releases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.game-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .3s ease}.game-card:hover{transform:scale(1.05)}.game-card img{width:100%;height:150px;object-fit:cover}.game-card h3{font-size:18px;color:#555;margin:10px 0}.game-card p{font-size:14px;color:#777;padding:0 10px}.game-card .price,.top-ranked-cards .price{font-size:16px;font-weight:700;color:#2a9d8f;margin-bottom:10px;display:block}.top-ranked-cards{display:flex;justify-content:center;gap:20px}.top-game-card{position:relative;width:250px;background-color:#e9f5f2;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:box-shadow .3s ease;display:flex;flex-direction:column;text-align:center}.top-game-card:hover{box-shadow:0 6px 16px #0000004d}.top-game-card img{width:100%;height:180px;object-fit:cover;border-bottom:3px solid #2a9d8f}.top-game-card .game-info{padding:15px;display:flex;flex-direction:column;align-items:center}.top-game-card h3{font-size:20px;color:#333;margin:8px 0}.top-game-card p{font-size:14px;color:#666;margin:8px 0}.top-game-card .rating{font-size:14px;font-weight:700;color:#e76f51;margin-top:auto}.rank-1{border-top:4px solid #ffd700}.rank-2{border-top:4px solid #c0c0c0}.rank-3{border-top:4px solid #cd7f32}.games-container{display:flex}.filter-sidebar{width:250px;padding:20px;background-color:#f4f4f4;border-right:1px solid #ddd}.filter-group{margin-bottom:20px}.filter-options{flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;margin-right:10px;margin-bottom:10px}.checkbox-label input[type=checkbox]{margin-right:5px}.filter-checkbox{height:20px;width:20px}.checkbox-text{font-size:14px;color:#333}.price-filter{display:flex;align-items:center;gap:10px}.price-select{width:60px;padding:5px}.price-input{width:80px;padding:5px}.games-list-container{flex:1;padding:20px}.games-title{font-size:2em;margin-bottom:15px;color:#333}.games-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.game-card{flex:1 1 200px;max-width:250px;height:400px;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center}.game-card:hover{transform:translateY(-5px);transition:transform .3s ease}.game-image{width:100%;height:auto;margin-bottom:10px;border-radius:5px}.game-title{font-size:1.1em;font-weight:700;text-align:center}.login-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f4f4f4;padding-top:5%}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f0f0f0}.login-form{background-color:#fff;padding:40px;border:2px solid #333;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.login-form h1{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#333}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:5px;margin-bottom:20px;font-size:1.1rem;border:1px solid #ccc;border-radius:5px}.login-form button{width:100%;padding:15px;font-size:1.2rem;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.login-form button:hover{background-color:#555}.login-form label{display:block;margin-bottom:5px;color:#333;font-weight:700}.login-form a{display:block;text-align:center;margin-top:15px;color:#333;text-decoration:none}.login-form a:hover{text-decoration:underline}.search-page-container{display:flex;flex-direction:column;align-items:center;padding:40px;background-color:#f4f4f4;max-width:1500px;margin:0 auto}.search-page-container input[type=text]{width:100%;max-width:600px;padding:15px;margin:20px 0;font-size:1.2rem;border:2px solid #333;border-radius:5px;box-sizing:border-box}.search-page-container button{padding:10px 25px;font-size:1.1rem;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-page-container button:hover{background-color:#555}.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;margin-top:20px;padding:10px;box-sizing:border-box}.search-result-item{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #ddd;border-radius:10px;background-color:#fff;text-decoration:none;color:inherit;transition:box-shadow .3s ease}.search-result-item:hover{box-shadow:0 4px 8px #0000001a;border-color:#333}.search-image-container{width:100%;margin-bottom:10px}.search-game-image{width:100%;height:300px;object-fit:cover;border-radius:5px}.search-text-container{text-align:center}.search-text-container h2{margin:0;font-size:1.2em;color:#222}.search-text-container p{margin:5px 0 0;color:#555;font-size:.9em}.search-no-results{color:#666;font-size:1.2rem;text-align:center}body{font-family:Arial,sans-serif;background-color:#fff;color:#333;margin:0;padding:0}.game-details-page{max-width:800px;margin:50px auto;padding:20px;border:2px solid #000;background-color:#f8f8f8;box-shadow:5px 5px #000;align-items:center;text-align:center}.game-details-title{font-size:2.5rem;text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;color:#000;border-bottom:2px solid #000;padding-bottom:10px}.game-details-image{display:block;max-width:65%;height:auto;margin:20px auto;border:2px solid #000;box-shadow:5px 5px #000}.game-details-details{font-size:1.1rem;line-height:1.6}.game-details-details p{margin:10px 0}.game-details-details strong{color:#000;text-transform:uppercase}.add-to-cart{display:inline-block;padding:12px 20px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;color:#fff;background-color:#000;border:none;border-radius:5px;transition:background-color .3s ease,transform .2s;cursor:pointer}.add-to-cart:hover{background-color:#444;transform:scale(1.05)}.add-to-cart:active{background-color:#222;transform:scale(.95)}.wishlist-button{position:absolute;top:120px;right:20px;background-color:#000;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #0000004d;cursor:pointer;transition:transform .2s,background-color .3s;z-index:10}.wishlist-button:hover{background-color:#444;transform:scale(1.1)}.wishlist-button:active{background-color:#222;transform:scale(.95)}.wishlist-button i{font-size:20px;color:#fff}@media (max-width: 768px){.game-details-page{width:90%;padding:15px}.game-details-title{font-size:2rem}.game-details-image{margin:10px auto}}.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f4f4f4;padding-top:5%}.register-form{background-color:#fff;padding:40px;border:2px solid #333;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.register-form h1{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#333}.register-form label{display:block;margin-bottom:5px;color:#333;font-weight:700}.register-form input{width:100%;padding:10px;margin-bottom:20px;font-size:1.1rem;border:1px solid #ccc;border-radius:5px}.register-form button{width:100%;padding:10px;font-size:1.2rem;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.register-form button:hover{background-color:#555}.register-form a{display:block;text-align:center;margin-top:15px;color:#333;text-decoration:none}.register-form a:hover{text-decoration:underline}.user-profile-container{max-width:900px;margin:50px auto;padding:20px;background:#00000003;border-radius:8px;box-shadow:0 4px 12px #0000004d;text-align:center}.user-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-upload-button,.user-logout-button{padding:10px 20px;font-size:1rem;margin:5px;border:none;border-radius:5px;cursor:pointer;transition:.3s}.user-upload-button{background-color:#008504;color:#fff}.user-logout-button{background-color:#e74c3c;color:#fff}.user-upload-button:hover{background-color:#45a049}.user-logout-button:hover{background-color:#c0392b}.user-game-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;list-style:none;padding:0}.user-game-card{width:180px;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000004d;transition:transform .2s ease;text-align:center}.user-game-card:hover{transform:translateY(-5px)}.user-game-image{width:100%;height:200px;border-radius:4px}.user-game-info{margin-top:10px;color:#f80808}.user-game-link{text-decoration:none;color:inherit}.user-game-info h3{font-size:1.1rem;color:#333}.cart-empty{text-align:center;font-size:1.2rem;color:#777}.cart-game-list{list-style:none;padding:0;margin:0 auto;max-width:800px}.cart-game-row{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 15px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a}.cart-game-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-game-name{flex:2;margin:0 15px;font-size:1.1rem;color:#333;text-align:left}.cart-game-price{font-size:1rem;color:#555;text-align:right;margin-right:20px}.remove-btn{padding:8px 12px;font-size:.9rem;color:#fff;background-color:#555;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.remove-btn:hover{background-color:#e74c3c}.cart-total{text-align:center;margin-top:20px;font-size:1.2rem;color:#333}.check-out{display:block;margin:20px auto;padding:12px 30px;font-size:1rem;font-weight:700;color:#fff;background-color:#333;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s}.check-out:hover,.check-out:active{background-color:#555}.upload-page-container{max-width:600px;margin:50px auto;padding:2rem;background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 8px #0000001a}.upload-form{display:flex;flex-direction:column}.upload-form label{margin-top:10px;font-size:1rem;font-weight:700}.upload-title{font-weight:700}.upload-form input[type=text],.upload-form input[type=number],.upload-form input[type=file]{padding:10px;font-size:1rem;margin-top:5px;border:1px solid #ccc;border-radius:5px;transition:border .3s ease}.upload-form input[type=text]:focus,.upload-form input[type=number]:focus,.upload-form input[type=file]:focus{border-color:#007bff;outline:none}.platform-checkboxes{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.platform-checkboxes label{display:flex;align-items:center;font-size:1rem;font-weight:400;color:#333;cursor:pointer;transition:color .3s ease}.platform-checkboxes label:hover{color:#777}.platform-checkboxes input{margin-right:10px;margin-top:15px;width:18px;height:18px;background-color:#f4f4f4;border:2px solid #555;border-radius:3px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.platform-checkboxes input:checked{background-color:#555;border-color:#333}.platform-checkboxes input:focus{outline:none;box-shadow:0 0 5px #007bff80}.upload-form button{margin-top:20px;padding:10px;background-color:#333;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.upload-form button:hover{background-color:#555}.delete-game-button{background-color:#e74c3c;color:#fff;font-size:16px;font-weight:700;padding:10px 20px;margin-top:50px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.delete-game-button:hover{background-color:#c0392b}.delete-game-button:focus{outline:none;box-shadow:0 0 10px #e74c3c80}.delete-game-button:active{background-color:#a93226}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;background-color:#f4f4f4;color:#333;height:100%;text-align:center}body{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:#3498db;transition:color .3s ease}a:hover{color:#2980b9}h1,h2,h3,h4,h5,h6{font-family:Georgia,serif;margin-bottom:1rem;color:#2c3e50}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#2980b9}input,select,textarea{width:100%;padding:10px;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}input:focus,textarea:focus,select:focus{border-color:#3498db;outline:none}.container{width:100%;max-width:1200px;margin:auto;padding:0 20px}.text-center{text-align:center}.text-white{color:#fff}.flex{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:20px;margin-top:auto}footer p{margin:0}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 769px){.container{padding:0 40px}}