*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.light-mode{min-height:100vh}nav{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:#1e1e1e;color:#fff}nav .logo{font-size:1.8rem;font-weight:700}nav .links a{margin-left:15px;text-decoration:none;color:#fff;font-weight:500}nav .nav-search{display:flex;gap:5px}nav .nav-search input{padding:5px 10px;border-radius:5px;border:none}nav .nav-search button{padding:5px 10px;border-radius:5px;border:none;background-color:#ff4d6d;color:#fff;cursor:pointer}nav .nav-search button:hover{opacity:.9}.main-content{padding:20px 30px}.container{max-width:1200px;margin:0 auto}h2{margin-bottom:15px}.header p{opacity:.8;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.card{background-color:#fff;border-radius:10px;overflow:hidden;transition:transform .2s}.card img{width:100%;display:block}.card .info{display:flex;justify-content:space-between;align-items:center;padding:10px}.card h3{font-size:1rem;font-weight:500;flex:1}.card button{border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.card button.white{background-color:#eee;color:#ff4d6d}.card button.red{background-color:#ff4d6d;color:#fff}.card:hover{transform:translateY(-5px)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.pagination button{padding:5px 10px;border-radius:5px;border:none;background-color:#1e1e1e;color:#fff;cursor:pointer}.pagination button:disabled{background-color:#999;cursor:not-allowed}.container>div p{font-size:30px;opacity:.7;text-align:center}.gotohome{background-color:#ff4d6d;color:#f5f5f5}.gotohome:hover{opacity:.9}.container img{border-radius:10px}.container button{margin-top:10px;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-weight:500}.container button.white{background-color:#eee;color:#ff4d6d}.container button.red{background-color:#ff4d6d;color:#fff}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.recommendations-grid img{width:100%;border-radius:10px}.recommendations-grid p{font-size:.9rem;font-weight:500;margin-top:5px;text-align:center}