.header{background-color:#2c3e50;color:#fff;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700}nav ul{list-style:none;display:flex;align-items:center}nav ul li{margin-right:20px}nav ul li a{text-decoration:none;color:#fff;transition:color .3s ease}nav ul li a:hover{color:#f1c40f}.auth button{margin-left:20px;padding:10px 20px;border:none;background-color:#f1c40f;color:#191919;font-weight:700;cursor:pointer;transition:background-color .3s ease}.auth button:hover{background-color:#e2b607}.hero{background-image:url(https://c4.wallpaperflare.com/wallpaper/956/988/935/fantasy-art-digital-art-pixelated-artwork-wallpaper-preview.jpg);background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;position:relative;overflow:hidden}.hero-content{max-width:600px;animation:fadeInUp 1s ease forwards}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:18px;margin-bottom:30px}.search-bar{display:flex;justify-content:center;animation:fadeInUp 1s ease forwards .5s}.search-bar input[type=text]{padding:10px;width:300px;border:none;border-radius:20px 0 0 20px;outline:none}.search-bar button{padding:10px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:0 20px 20px 0;cursor:pointer;transition:background-color .3s ease}.search-bar button:hover{background-color:#c0392b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-products{padding:50px 0;background-color:#f9f9f9;text-align:center;animation:fadeIn 1s ease forwards}.product-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.product-card{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;padding:20px;width:300px;transition:box-shadow .3s ease,transform .3s ease}.product-card:hover{box-shadow:0 0 30px #0003;transform:translateY(-5px)}.product-card img{width:100%;border-radius:5px;margin-bottom:20px}.product-details h3{font-size:24px;margin-bottom:10px}.product-details p{font-size:16px;margin-bottom:20px}.product-details button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.product-details button:hover{background-color:#2980b9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}