@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');:root{--bg-main:#EAF3FF;--bg-section:#DCEBFF;--primary:#4F8EF7;--btn-main:#2563EB;--btn-hover:#1D4ED8;--heading:#0F172A;--text:#64748B;--card:#FFFFFF;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background-color:var(--bg-main);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--heading)}a{text-decoration:none;color:var(--text);transition:var(--transition)}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-main);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s}.spinner{border:4px solid var(--bg-section);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}header.navbar{background-color:var(--card);padding:15px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.02)}.logo{display:flex;align-items:center}.logo img{height:45px;width:auto;max-width:250px;display:block;object-fit:contain}.nav-links{list-style:none;display:flex;gap:30px}.nav-links a:hover{color:var(--primary)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;z-index:1001}.menu-toggle .bar{width:25px;height:3px;background-color:var(--heading);margin:4px 0;transition:var(--transition);border-radius:3px}.menu-toggle.is-active .bar:nth-child(1){transform:translateY(11px) rotate(45deg)}.menu-toggle.is-active .bar:nth-child(2){opacity:0}.menu-toggle.is-active .bar:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.btn{padding:12px 28px;border-radius:8px;font-weight:500;cursor:pointer;display:inline-block;transition:var(--transition)}.btn-primary{background-color:var(--btn-main);color:#fff;border:none}.btn-primary:hover{background-color:var(--btn-hover);transform:translateY(-2px);box-shadow:0 10px 15px rgba(37,99,235,.2)}.btn-outline{background-color:transparent;color:var(--btn-main);border:2px solid var(--btn-main)}.btn-outline:hover{background-color:var(--btn-main);color:#fff}.hero{display:flex;align-items:center;justify-content:space-between;padding:100px 5%;background-color:var(--bg-main);min-height:80vh}.hero-content{flex:1;max-width:600px}.tag{background-color:var(--bg-section);color:var(--primary);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;display:inline-block;margin-bottom:20px}.hero-content h1{font-size:48px;line-height:1.2;margin-bottom:20px}.hero-content p{font-size:16px;margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.hero-image{flex:1;text-align:right}.hero-image img{max-width:90%;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.05)}section{padding:100px 5%}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;margin-bottom:10px}.bg-alt{background-color:var(--bg-section)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.card{background-color:var(--card);padding:30px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.03);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.06)}.product-card img{width:100%;border-radius:8px;margin-bottom:20px}.stat-box{text-align:center}.stat-box h3{font-size:40px;color:var(--btn-main);margin-bottom:10px}footer{background-color:var(--card);padding:60px 5% 20px;border-top:1px solid var(--bg-section)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--bg-section);font-size:14px}@media(max-width:768px){.logo img{height:30px}.menu-toggle{display:flex}.nav-links{position:absolute;top:100%;left:-100%;width:100%;background-color:var(--card);flex-direction:column;align-items:center;padding:20px 0;transition:.4s ease-in-out;box-shadow:0 10px 10px rgba(0,0,0,.05)}.nav-links.active{left:0}.nav-links li{margin:15px 0}.hero{flex-direction:column;text-align:center;padding-top:50px}.hero-content{margin-bottom:40px}.hero-buttons{justify-content:center}.hero-content h1{font-size:36px}}