.container{padding:2rem}.flex{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.item{background-color:#1e2235;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00f5ff1a;transition:transform .3s,box-shadow .3s}.item:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00f5ff33}.item img{width:100%;height:200px;object-fit:cover;display:block}*{box-sizing:border-box;margin:0;padding:0}.navbar-custom{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#1e1e2f,#23283e);padding:1rem 2rem;box-shadow:0 4px 15px #0000004d;position:sticky;top:0;z-index:1000;flex-wrap:wrap}.logo{font-size:1.7rem;font-weight:700;color:#61f2f5;font-family:Segoe UI,sans-serif}.nav-toggle{display:none;font-size:1.8rem;color:#61f2f5;cursor:pointer}.nav-links{display:flex;align-items:center;gap:1rem}.search-input{width:250px;max-width:100%;padding:.5rem 1rem;font-size:.95rem;background-color:#2a2e45;border:1px solid #444;color:#fff;border-radius:6px;outline:none;transition:.3s}.search-input::placeholder{color:#bbb}.search-input:focus{border-color:#61f2f5;box-shadow:0 0 4px #61f2f5}.auth-btn{padding:.4rem 1.1rem;background-color:#61f2f5;color:#1e1e2f;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:.3s ease}.auth-btn:hover{background-color:#4fd0d5}.category-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;background-color:#181b2c;padding:1rem}.category-btn{background-color:#2c314b;color:#c1f9ff;border:1px solid #4fd0d5;padding:.45rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:.2s ease}.category-btn:hover{background-color:#4fd0d5;color:#181b2c;transform:scale(1.05)}@media screen and (max-width: 768px){.navbar-custom{flex-direction:column;align-items:flex-start;padding:1rem}.nav-toggle{display:block;margin-left:auto}.nav-links{flex-direction:column;width:100%;display:none;margin-top:1rem}.nav-links.active{display:flex}.search-input{width:100%}.auth-btn{width:100%;text-align:center;margin-top:.5rem}.category-bar{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.category-btn{flex-shrink:0;font-size:.85rem;padding:.4rem .8rem}}