* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
:root {--primary:#6c5ce7;--secondary:#a29bfe;--dark:#2d3436;--light:#f5f6fa;--accent:#fd79a8;--success:#00b894;}
body {background-color:#1a1a2e;color:var(--light);line-height:1.6;}
.container {max-width:1200px;margin:0 auto;padding:0 15px;}
header {background-color:rgba(26,26,46,0.98);position:fixed;width:100%;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);}
.navbar {display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
.logo {display:flex;align-items:center;text-decoration:none;}
.logo img {height:40px;width:auto;}
.nav-links {display:flex;list-style:none;}
.nav-links li {margin-left:25px;}
.nav-links a {color:var(--light);text-decoration:none;font-weight:500;transition:color 0.3s;font-size:0.95rem;}
.nav-links a:hover {color:var(--primary);}
.btn {display:inline-block;background-color:var(--primary);color:white;padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s;border:none;cursor:pointer;font-size:0.9rem;}
.btn:hover {background-color:var(--secondary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(108,92,231,0.4);}
.hero {padding:150px 0 80px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:relative;overflow:hidden;}
.hero::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMxYTFhMmUiLz48cGF0aCBkPSJNMCw1MDBMMTAwMCw1MDBMMTAwMCw3NTBMMCw3NTBaIiBmaWxsPSIjMTYyMTNlIi8+PC9zdmc+');z-index:1;}
.hero-content {position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;}
.hero-text {flex:1;max-width:600px;}
.hero-image {flex:1;text-align:center;}
.hero-image img {max-width:100%;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,0.4);}
h1 {font-size:2.8rem;margin-bottom:15px;line-height:1.2;}
h1 span {color:var(--primary);}
.hero p {font-size:1.1rem;margin-bottom:25px;color:#b2bec3;}
.features {padding:80px 0;background-color:#16213e;}
.section-title {text-align:center;margin-bottom:15px;}
.section-title h2 {font-size:2.2rem;margin-bottom:15px;position:relative;display:inline-block;}
.section-title h2::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:70px;height:4px;background-color:var(--primary);border-radius:2px;}
.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.feature-card {background-color:rgba(255,255,255,0.05);padding:25px;border-radius:10px;text-align:center;transition:transform 0.3s;}
.feature-card:hover {transform:translateY(-8px);}
.feature-icon {font-size:2.2rem;color:var(--primary);margin-bottom:15px;}
.feature-card h3 {font-size:1.3rem;margin-bottom:12px;}
.ecommerce {padding:60px 0;background-color:#1a1a2e;}
.products {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;}
.product-card {background-color:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;transition:transform 0.3s;}
.product-card:hover {transform:translateY(-8px);}
.product-image {height:180px;background-color:#2d3436;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-image img {width:100%;height:100%;object-fit:cover;}
.product-info {padding:18px;}
.product-info h3 {margin-bottom:8px;font-size:1.1rem;}
.product-description {color:#b2bec3;font-size:0.85rem;margin-bottom:12px;min-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}
.ecommerce-categories {padding:60px 0;background-color:#16213e;}
.categories-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;}
.category-card {background-color:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;transition:transform 0.3s;text-align:center;}
.category-card:hover {transform:translateY(-8px);}
.category-image {height:160px;background-color:#2d3436;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.category-image img {width:100%;height:100%;object-fit:cover;}
.category-info {padding:18px;}
.category-info h3 {margin-bottom:10px;font-size:1.1rem;}
.category-info p {color:#b2bec3;font-size:0.85rem;margin-bottom:15px;}
.about {padding:80px 0;background-color:#16213e;}
.about-content {display:flex;align-items:center;gap:40px;}
.about-text {flex:1;}
.about-image {flex:1;text-align:center;}
.about-image img {max-width:100%;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.3);}
.contact {padding:80px 0;background-color:#1a1a2e;}
.contact-info {display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:40px;}
.contact-item {display:flex;align-items:center;background-color:rgba(255,255,255,0.05);padding:18px 25px;border-radius:10px;min-width:280px;}
.contact-icon {font-size:1.6rem;color:var(--primary);margin-right:15px;}
.contact-details h3 {margin-bottom:5px;font-size:1rem;}
.contact-details p {font-size:0.9rem;}
footer {background-color:#0f1419;padding:40px 0 15px;text-align:center;}
.footer-links {display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-bottom:25px;}
.footer-links a {color:#b2bec3;text-decoration:none;transition:color 0.3s;font-size:0.9rem;}
.footer-links a:hover {color:var(--primary);}
.copyright {color:#636e72;font-size:0.85rem;margin-top:15px;}
@media (max-width:1200px) {.products,.categories-grid {grid-template-columns:repeat(2,1fr);}
;}
@media (max-width:992px) {.hero-content,.about-content {flex-direction:column;text-align:center;}
.hero-text,.about-text {margin-bottom:40px;}
h1 {font-size:2.4rem;}
;}
@media (max-width:768px) {header {position:static;border-bottom:1px solid #535151;}
.hero {padding:30px 0 60px;}
.navbar {flex-direction:column;padding:12px 0;}
.nav-links {margin-top:15px;flex-wrap:wrap;justify-content:center;}
.nav-links li {margin:5px 12px;}
h1 {font-size:2rem;}
.section-title h2 {font-size:1.8rem;}
.products,.categories-grid {grid-template-columns:1fr;}
;}
@media (max-width:576px) {.contact-item {min-width:100%;flex-direction:column;text-align:center;}
.contact-icon {margin-right:0;margin-bottom:10px;}
;}
.contact-page {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:950px;margin:5px auto 0;}
.contact-page .container {width:100%;max-width:800px;margin:0 auto;}
.contact-page .contact-card {background-color:rgba(255,255,255,0.05);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.6);padding:25px 30px;width:100%;}
.contact-page .contact-card h1 {color:#f1f1f1;text-align:center;margin-bottom:20px;font-size:28px;}
.contact-page .contact-form {display:flex;flex-direction:column;gap:15px;}
.contact-page .form-group {display:flex;flex-direction:column;margin-bottom:8px;}
.contact-page .form-group label {font-weight:600;margin-bottom:8px;color:#e0e0e0;display:flex;align-items:center;}
.contact-page .form-group label::after {content:"*";color:#e74c3c;margin-left:4px;}
.contact-page .form-group input,.contact-page .form-group select,.contact-page .form-group textarea {padding:10px 12px;border:1px solid #333;border-radius:6px;font-size:14px;background-color:rgba(255,255,255,0.05);color:#f1f1f1;transition:all 0.3s ease;-webkit-appearance:auto;appearance:auto;}
.contact-page .form-group select option {background-color:#3f3f3f;color:#fff;}
.contact-page .form-group input:focus,.contact-page .form-group select:focus,.contact-page .form-group textarea:focus {border-color:#009FDE;outline:none;box-shadow:0 0 0 2px rgba(52,152,219,0.3);}
.contact-page .form-group input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px black inset !important;-webkit-text-fill-color:white !important;caret-color:white;}
.contact-page .form-group textarea {min-height:95px;resize:vertical;}
.contact-page button {background:var(--primary);color:white;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background 0.3s ease;margin-top:10px;}
.contact-page button:hover {opacity:0.85;}
.contact-page button:disabled {background:#555;cursor:not-allowed;}
.contact-page .fa-spinner {animation:spin 1s linear infinite;margin-right:5px;}
@keyframes spin {100% {transform:rotate(360deg);}
;}
.contact-page .contact-email {text-align:center;color:#aaa;font-size:16px;}
.contact-page .contact-email a {color:var(--primary);text-decoration:none;font-weight:600;}
.contact-page .contact-email a:hover {text-decoration:underline;}
.contact-page .message {position:fixed;top:42px;left:50%;transform:translateX(-50%);padding:15px 25px;border-radius:4px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;display:flex;align-items:center;opacity:0;transition:opacity 0.3s;}
.contact-page .message.success {background-color:#f0f9eb;color:#67c23a;border:1px solid #e1f3d8;}
.contact-page .message.error {background-color:#fef0f0;color:#f56c6c;border:1px solid #fde2e2;}
.contact-page .message i {margin-right:2px;}
@media (max-width:768px) {.contact-page .message {width:88%;}
.contact-page .contact-card {padding:25px;}
;}