*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.container{animation:fadeIn .4s ease-in;background:#1e2a38;border-radius:14px;box-shadow:0 0 30px #0006;max-width:900px;padding:2.5rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1{color:#00bfff;font-size:2rem;margin-bottom:2rem;text-align:center}.form{display:flex;flex-direction:column;gap:1.5rem}.form label{color:#ccd6f6;display:block;font-weight:700;margin-bottom:.5rem}.form input[type=number]{background:#33475b;border:2px solid #0000;border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:.75rem;transition:all .3s ease;width:100%}.form input:focus{background:#3b516a;border-color:#00bfff}.genre-dropdown,.genre-select{position:relative}.genre-select{background:#33475b;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.genre-select:hover{background:#3e5b78}.genre-select .arrow{color:#ccc;font-size:.9rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.genre-dropdown-content.desktop{background:#1e2a38;border:1px solid #444;border-radius:10px;box-shadow:0 8px 16px #00000040;left:-90%;margin-top:.5rem;padding:1rem;position:absolute;top:100%;width:60vw;z-index:10}.genre-dropdown-content.mobile{background:#1e2a38;height:100%;left:0;overflow-y:auto;padding:3.5rem 20px 20px;position:fixed;top:0;width:100%;z-index:1000}.close-genre-dropdown{background:#ff4d4d;border:none;border-radius:0 0 10px 10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1001}.checkbox-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:1rem 0}.checkbox-item{background-color:#2e3f54;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin:6px;padding:8px 12px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.checkbox-item.selected{background-color:#007bff}.checkbox-item input[type=checkbox]{display:none}.platform-dropdown,.platform-select{position:relative}.platform-select{background:#33475b;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.platform-select:hover{background:#3e5b78}.platform-select .arrow{color:#ccc;font-size:.9rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.platform-dropdown-content{background:#1e2a38;border:1px solid #444;border-radius:10px;box-shadow:0 8px 16px #00000040;left:0;margin-top:.5rem;position:absolute;top:100%;width:100%;z-index:20}.platform-option{color:#fff;cursor:pointer;padding:.75rem 1rem;transition:background .2s ease}.platform-option:hover{background:#3e5b78}.form button{background:#00bfff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:1rem;transition:background .3s ease,transform .2s ease;width:100%}.form button:hover{background:#09c;transform:scale(1.02)}.card{align-items:center;background:#293a4c;border-radius:12px;box-shadow:0 0 12px #0000004d;display:flex;flex-direction:column;margin-top:2.5rem;padding:2rem;text-align:center}.card img{border-radius:10px;margin-bottom:1rem;max-height:220px;max-width:100%;object-fit:cover}.card h2{color:#00d8ff;font-size:1.4rem}.card p{color:#ccc;margin:.3rem 0}.card a{background:#00bfff;border-radius:8px;color:#fff;margin-top:1rem;padding:.7rem 1.2rem;text-decoration:none;transition:background .3s ease}.card a:hover{background:#008abf}.info{color:#ccc;font-style:italic;margin-top:2rem;text-align:center}@media (max-width:768px){.container{padding:1.5rem}.checkbox-list{grid-template-columns:1fr}.card img{max-height:180px}}
/*# sourceMappingURL=main.3fb7b476.css.map*/