*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f1218;color:#f0f0f0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}header{background-color:#12161e;border-bottom:2px solid #00bcd4;box-shadow:0 2px 4px rgba(0,0,0,0.6);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}header .logo{display:flex;align-items:center;gap:10px}header .logo img{height:40px}header .logo span{font-size:1.4rem;font-weight:bold;color:#00bcd4;text-shadow:0 0 5px #00bcd4}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}nav a{color:#e0e0e0;text-decoration:none;padding:6px 12px;border-radius:4px;transition:background-color 0.3s ease,color 0.3s ease;font-size:0.95rem}nav a:hover{background-color:#00bcd4;color:#0f1218}.social{display:flex;gap:12px;align-items:center}.social a img{width:24px;height:24px;transition:transform 0.3s ease,filter 0.3s ease}.social a:hover img{transform:scale(1.1);filter:brightness(1.2)}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;background-image:linear-gradient(145deg,#16202f,#0f141e);box-shadow:inset 0 0 60px rgba(0,0,0,0.6)}.hero .text{flex:1 1 350px;margin-right:20px}.hero h1{font-size:2.2rem;margin-bottom:16px;color:#00bcd4;text-shadow:0 0 5px #00bcd4}.hero p{font-size:1rem;margin-bottom:20px;color:#d0d0d0}.hero .cta{display:inline-block;background-color:#00bcd4;color:#0f1218;padding:10px 18px;border-radius:4px;font-weight:bold;text-decoration:none;box-shadow:0 0 10px #00bcd4;transition:transform 0.2s ease,box-shadow 0.3s ease}.hero .cta:hover{transform:translateY(-2px);box-shadow:0 0 15px #00bcd4}.hero .image{flex:1 1 300px;display:flex;justify-content:center;align-items:center}.hero .image img{max-width:100%;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.5)}.featured{padding:40px 20px}.featured h2{font-size:1.6rem;margin-bottom:20px;color:#00bcd4;text-shadow:0 0 5px #00bcd4}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.product-card{background-color:#161b24;border:1px solid #243044;border-radius:6px;padding:12px;text-align:center;transition:transform 0.2s ease,box-shadow 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 0 10px rgba(0,188,212,0.6)}.product-card img{width:100%;height:140px;object-fit:cover;border-radius:4px;margin-bottom:10px}.product-card h3{font-size:1rem;margin-bottom:6px;color:#ffffff}.product-card p{font-size:0.9rem;margin-bottom:10px;color:#b0b0b0}.product-card a.buy-btn{display:inline-block;background-color:#00bcd4;color:#0f1218;padding:6px 12px;border-radius:4px;font-size:0.85rem;font-weight:bold;text-decoration:none;box-shadow:0 0 6px #00bcd4;transition:background-color 0.3s ease,box-shadow 0.3s ease}.product-card a.buy-btn:hover{background-color:#0097a7;box-shadow:0 0 10px #0097a7}.categories{padding:40px 20px}.categories h2{font-size:1.6rem;margin-bottom:20px;color:#00bcd4;text-shadow:0 0 5px #00bcd4}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.category-card{background-color:#161b24;border:1px solid #243044;border-radius:6px;text-align:center;padding:16px;transition:transform 0.2s ease,box-shadow 0.3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 0 10px rgba(0,188,212,0.6)}.category-card img{width:100%;height:120px;object-fit:cover;border-radius:4px;margin-bottom:8px}.category-card h3{font-size:1rem;color:#ffffff;margin-bottom:6px}.category-card a{display:inline-block;background-color:#00bcd4;color:#0f1218;padding:6px 12px;border-radius:4px;font-size:0.85rem;font-weight:bold;text-decoration:none}.contact-container{padding:40px 20px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;background-color:#12161e}.contact-form{flex:1 1 300px}.contact-form label{display:block;margin-bottom:6px;color:#d0d0d0}.contact-form input,.contact-form textarea{width:100%;padding:8px;margin-bottom:12px;border:1px solid #243044;border-radius:4px;background-color:#0f1218;color:#e0e0e0}.contact-form button{background-color:#00bcd4;color:#0f1218;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:bold;box-shadow:0 0 6px #00bcd4;transition:background-color 0.3s ease}.contact-form button:hover{background-color:#0097a7}.contact-info{flex:1 1 250px;color:#d0d0d0}.contact-info h3{margin-bottom:10px;color:#00bcd4}.contact-info p{margin-bottom:8px}.map{flex:1 1 300px}.map iframe{width:100%;height:240px;border:0;border-radius:6px}.account-container{padding:40px 20px;background-color:#12161e;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.login-form,.register-form{flex:1 1 300px;background-color:#161b24;padding:20px;border-radius:6px;border:1px solid #243044}.login-form h2,.register-form h2{margin-bottom:16px;color:#00bcd4}.login-form label,.register-form label{display:block;margin-bottom:6px;color:#d0d0d0}.login-form input,.register-form input{width:100%;padding:8px;margin-bottom:12px;border:1px solid #243044;border-radius:4px;background-color:#0f1218;color:#e0e0e0}.login-form button,.register-form button{background-color:#00bcd4;color:#0f1218;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:bold;box-shadow:0 0 6px #00bcd4;transition:background-color 0.3s ease}.login-form button:hover,.register-form button:hover{background-color:#0097a7}.divider{width:100%;height:1px;background-color:#243044;margin:20px 0}footer{margin-top:auto;background-color:#12161e;color:#888;padding:16px 20px;text-align:center;font-size:0.8rem}