.navbar{background:#fff;height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 4px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:80px;width:100%;max-width:1200px;padding:0 20px}.navbar-logo{color:#333;font-weight:700;font-size:1.5rem;text-decoration:none;display:flex;align-items:center}.navbar-logo-img{height:40px;margin-right:10px}.nav-menu{display:flex;flex-direction:row;list-style:none;gap:20px;align-items:center;margin:0;padding:0}.nav-links{color:#333;text-decoration:none;padding:.5rem 1rem;transition:all .2s ease-out;white-space:nowrap}.nav-links:hover{color:#007bff;background-color:#f0f0f0;border-radius:4px}.menu-icon{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#333}@media screen and (max-width: 768px){.menu-icon{display:block}.nav-menu{display:flex;flex-direction:column;width:100%;height:auto;position:absolute;top:80px;left:-100%;opacity:0;transition:all .5s ease;background:#fff;padding:20px 0;box-shadow:0 2px 5px #0000001a;border-top:1px solid #eee}.nav-menu.active{left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-item{text-align:center;width:100%;padding:1rem 0}.nav-links{width:100%;display:block;padding:1rem}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.site-footer{background-color:#1f2937;color:#f3f4f6;padding:4rem 2rem 1.5rem;margin-top:auto;border-top:1px solid #374151}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;margin-bottom:3rem}.footer-brand h3{font-size:2.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(to right,#4f46e5,#ec4899,#f59e0b,#4f46e5);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-top:0;animation:logoShine 3s linear infinite;letter-spacing:-1.5px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.footer-brand p{color:#9ca3af;line-height:1.6}.footer-links h4,.footer-newsletter h4{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;color:#faf9f9;margin-top:0}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-newsletter p{color:#9ca3af;margin-bottom:1rem;line-height:1.5}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-form input{padding:1rem;border-radius:.5rem;border:1px solid #eff2f8;background-color:#eef3f5;color:#131212;outline:none;transition:border-color .2s}.newsletter-form input:focus{border-color:#6366f1}.newsletter-form button{padding:.75rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.newsletter-form button:hover{background-color:#4338ca}.footer-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;margin-top:2rem}.footer-social a{color:#9ca3af;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff0d}.footer-social a:hover{color:#fff;background-color:#4f46e5;transform:translateY(-3px)}.footer-social svg{width:20px;height:20px}.footer-bottom{border-top:1px solid #374151;padding-top:1.5rem;text-align:center;color:#6b7280;font-size:.875rem}@media (min-width: 640px){.newsletter-form{flex-direction:row}.newsletter-form input{flex:1}}:root{--primary: #4f46e5;--secondary: #f59e0b;--surface: #f9fafb;--bg-card: #ffffff;--text-main: #1f2937;--text-light: #131415}.home-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;color:var(--text-main)}.hero-section{text-align:center;padding:4rem 1rem;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:1rem;margin-bottom:4rem}.hero-section h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}.hero-btn{font-size:1.2rem;padding:1rem 2rem;background:#fff;color:var(--primary);font-weight:700;border:2px solid var(--primary);border-radius:.5rem;cursor:pointer;transition:all .3s ease}.hero-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.category-card{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:4/3;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:transform .3s ease}.category-card:hover{transform:scale(1.03)}.category-card img{width:100%;height:100%;object-fit:cover}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem 1rem 1rem;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.testimonials-section{margin:4rem 0;padding:3rem 0;background:var(--surface);border-radius:1rem;overflow:hidden}.marquee-wrapper{display:flex;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:2rem;animation:scroll 60s linear infinite;padding-left:2rem;width:max-content}.marquee-content:hover{animation-play-state:paused}.testimonial-card{flex:0 0 300px;background:var(--bg-card);padding:1.5rem;border-radius:1rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;border:1px solid #e5e7eb}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.info-card{background:var(--bg-card);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:transform .2s}.info-card:hover{transform:translateY(-5px)}.info-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500}.checkout-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.checkout-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.checkout-grid{grid-template-columns:1fr}}.shipping-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.section-title{font-size:1.5rem;color:#374151;margin-bottom:1.5rem;border-bottom:2px solid #f3f4f6;padding-bottom:.5rem}.checkout-form{display:flex;flex-direction:column;gap:1rem}.checkout-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.checkout-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.proceed-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.proceed-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d}.summary-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;height:fit-content}.summary-item{display:flex;justify-content:space-between;margin-bottom:1rem;color:#4b5563;font-size:1rem}.summary-divider{border:0;border-top:1px solid #e5e7eb;margin:1.5rem 0}.coupon-row{display:flex;gap:10px;margin-bottom:1.5rem}.coupon-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px}.apply-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.apply-btn:hover{background:#2563eb}.discount-text{text-align:right;color:#059669;font-weight:600;margin-bottom:.5rem}.total-text{text-align:right;font-size:1.5rem;font-weight:700;color:#111827}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profile-header{background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 25px -5px #4f46e54d;margin-bottom:3rem;display:flex;align-items:center;gap:2rem}.profile-avatar-placeholder{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:4px solid rgba(255,255,255,.3)}.profile-info h1{margin:0;font-size:2.5rem;font-weight:700}.profile-email{margin:.5rem 0 1.5rem;opacity:.9;font-size:1.1rem}.wallet-badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;border:1px solid rgba(255,255,255,.2)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.chart-title{text-align:center;margin-bottom:2rem;color:#374151;font-size:1.25rem}.no-data{text-align:center;color:#9ca3af;padding:4rem 0}.action-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.action-btn{width:100%;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px -1px #0000001a}.action-btn:hover{transform:translateY(-2px);filter:brightness(110%);box-shadow:0 10px 15px -3px #0000001a}.action-btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-info{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-box{background:#fff;padding:2.5rem;border-radius:16px;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}.modal-title-danger{color:#dc2626;margin-top:0;font-size:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .2s}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;padding:2rem}.profile-stats-grid{grid-template-columns:1fr}}.modal-survey{margin:1.5rem 0;text-align:left}.modal-survey label{display:block;margin-bottom:.5rem;color:#4b5563;font-size:.95rem}.modal-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background-color:#f9fafb;color:#374151}.shop-container{display:flex;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto;min-height:80vh}.shop-sidebar{flex:0 0 250px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:fit-content;position:sticky;top:100px}.filter-group{margin-bottom:2rem}.filter-group h3{font-size:1.1rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.category-list{list-style:none;padding:0}.category-item{padding:.5rem 0;cursor:pointer;color:#666;transition:color .2s ease;display:flex;align-items:center;justify-content:space-between}.category-item:hover,.category-item.active{color:#007bff;font-weight:500}.price-inputs{display:flex;gap:.5rem;align-items:center}.price-inputs input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px}.shop-content{flex:1}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.search-bar{flex:1;max-width:400px;position:relative}.search-bar input{width:100%;padding:.8rem 2.5rem .8rem 1rem;border:1px solid #e0e0e0;border-radius:50px;font-size:1rem;transition:box-shadow .3s ease}.search-bar input:focus{outline:none;box-shadow:0 0 0 3px #007bff1a;border-color:#007bff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem}.shop-product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;position:relative}.shop-product-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.product-img-wrapper{height:220px;overflow:hidden;background:#f8f9fa;display:flex;position:relative;align-items:center;justify-content:center}.product-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.shop-product-card:hover .product-img-wrapper img{transform:scale(1.05)}.quick-view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fffffff2;color:#333;padding:.6rem 1.2rem;border-radius:50px;border:none;cursor:pointer;font-weight:600;opacity:0;transition:all .3s ease}.shop-product-card:hover .quick-view-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.product-info{padding:1.2rem;display:flex;flex-direction:column;flex-grow:1}.product-category{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.product-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#2d3748}.product-price{font-size:1.2rem;font-weight:700;color:#007bff;margin-bottom:1rem}.add-btn{margin-top:auto;width:100%;padding:.8rem;background:#2d3748;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-btn:hover{background:#007bff}.quick-view-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s ease}.quick-view-modal{background:#fff;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;position:relative;animation:slideInUp .4s ease}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-view-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2.2rem;color:#aaa;cursor:pointer;z-index:10;transition:color .2s}.quick-view-close:hover{color:#333}.quick-view-image{flex:1;background:#f8f9fa}.quick-view-image img{width:100%;height:100%;object-fit:cover}.quick-view-info{flex:1;padding:2.5rem;overflow-y:auto}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-bottom:2rem}.pagination-container button{padding:.6rem 1.1rem;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;transition:background .2s,color .2s,border-color .2s}.pagination-container button:hover:not(:disabled){background:#f4f4f5}.pagination-container button.active{background:#007bff;color:#fff;border-color:#007bff}.pagination-container button:disabled{background:#f8f8f8;color:#ccc;cursor:not-allowed}@media (max-width: 768px){.shop-container{flex-direction:column;padding:1rem}.shop-sidebar{width:100%;position:static}.quick-view-modal{flex-direction:column;width:95%;max-height:85vh}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #fbbf24;--accent: #818cf8;--text-main: #111827;--text-light: #6b7280;--bg-body: #f8fafc;--bg-card: #ffffff;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--radius: 1rem}.about-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-body)}.about-hero{text-align:center;margin-bottom:4rem;padding:6rem 1rem;background:linear-gradient(180deg,#4f46e50d,#fff0);border-radius:var(--radius)}.about-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary);letter-spacing:-.02em}.about-hero-text{font-size:1.25rem;max-width:700px;margin:0 auto;color:var(--text-light);line-height:1.6;opacity:.9}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}}.info-card{background:var(--bg-card);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.section-title{font-size:1.5rem;font-weight:700;border-bottom:2px solid rgba(79,70,229,.1);padding-bottom:.75rem;margin-bottom:1.5rem}.text-muted{color:var(--text-light);line-height:1.6;margin-bottom:1rem}.mission-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius);margin-top:2rem;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.stat-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:var(--radius);transition:all .3s ease;border:1px solid var(--border)}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.875rem;color:var(--text-light)}.stat-item:hover{transform:translateY(-5px);background:var(--bg-card);border-color:#4f46e54d;box-shadow:var(--shadow-lg)}.timeline-section{margin-bottom:4rem;position:relative}.timeline-container{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline-container:after{content:"";position:absolute;width:4px;background-color:var(--border);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:2px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%}.timeline-content{padding:1.5rem;background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;z-index:1;transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#4f46e54d}.timeline-dot{width:20px;height:20px;background-color:var(--primary);border:4px solid #fff;border-radius:50%;position:absolute;top:25px;right:-10px;z-index:2;box-shadow:0 0 0 2px var(--primary)}.timeline-item.right .timeline-dot{left:-10px}.timeline-year{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;display:block}.timeline-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}@media (max-width: 768px){.timeline-container:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item.left{text-align:left}.timeline-item.right{left:0}.timeline-dot{left:21px;right:auto}.timeline-item.right .timeline-dot{left:21px}}.team-section{margin-bottom:4rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.team-card{background:var(--bg-card);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#4f46e54d}.team-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:4px solid rgba(79,70,229,.1);transition:transform .3s ease,box-shadow .3s ease}.team-image:hover{transform:scale(1.1);box-shadow:0 0 0 4px #4f46e533;border-color:var(--primary)}.team-role{color:var(--primary);font-weight:600;margin-bottom:1rem;font-size:.9rem}.team-socials{display:flex;justify-content:center;gap:1rem}.social-link{color:var(--text-light);transition:color .2s}.social-link:hover{color:var(--primary)}.features-section{margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.faq-section{max-width:800px;margin:0 auto 4rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.faq-question{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--bg-card);transition:background .2s}.faq-question:hover{background:#f8fafc}.faq-question h4{margin:0;font-size:1.1rem}.faq-toggle{font-size:1.5rem;transition:transform .3s ease;line-height:1}.faq-toggle.open{transform:rotate(45deg)}.faq-answer{padding:1.25rem;border-top:1px solid var(--border);color:var(--text-light);line-height:1.6;animation:fadeIn .3s ease-out}.cta-container{text-align:center;margin:4rem 0}.cta-button{background:var(--primary);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:background .3s,transform .2s;box-shadow:0 4px 14px #4f46e563}.cta-button:hover{background:var(--primary-hover);transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{background:var(--bg-card);padding:2rem;border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2.5rem;cursor:pointer;color:var(--text-light);line-height:1;z-index:10;transition:color .2s}.modal-close:hover{color:#ef4444}.application-modal h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-main)}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-body);color:var(--text-main);font-size:1rem;transition:border-color .2s;font-family:inherit}.submit-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover{background:var(--primary-hover)}:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #f59e0b;--text-main: #111827;--text-light: #6b7280;--bg-body: #f9fafb;--bg-card: #ffffff;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-body)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{opacity:0;animation:slideUp .8s ease-out forwards}.contact-header{text-align:center;margin-bottom:4rem;padding:3rem 1rem}.contact-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary)}.contact-header p{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1.5fr}}.contact-info-list{display:flex;flex-direction:column;gap:2rem}.contact-info-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border-radius:1rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s}.contact-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.icon-box{padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box.blue{background:#e0f2fe;color:#0284c7}.icon-box.green{background:#dcfce7;color:#16a34a}.icon-box.yellow{background:#fef3c7;color:#d97706}.info-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.info-content p{margin:0;color:var(--text-light);line-height:1.6}.info-content a{color:var(--primary);text-decoration:none}.info-content a:hover{text-decoration:underline}.contact-form-card{background:var(--bg-card);padding:2.5rem;border-radius:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.contact-form-card h2{margin-top:0;margin-bottom:2rem;font-size:1.8rem;color:var(--text-main)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-main)}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-body);color:var(--text-main);font-size:1rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.submit-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.map-section{margin-top:2rem;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--bg-card)}.map-title{text-align:center;padding:1.5rem;margin:0;background:var(--bg-card);border-bottom:1px solid var(--border);font-size:1.5rem}.map-frame{width:100%;height:450px;border:0;display:block}.wallet-pay-container{max-width:500px;margin:3rem auto;padding:2.5rem;background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.wallet-pay-title{margin-bottom:2rem;color:#1f2937;font-size:1.8rem;font-weight:700}.payment-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1.1rem;color:#4b5563}.summary-row.total{font-weight:700;color:#111827;font-size:1.25rem;border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.balance-status{text-align:center;margin-top:1rem;font-weight:600;padding:.75rem;border-radius:8px;font-size:.95rem}.balance-status.sufficient{background-color:#d1fae5;color:#065f46}.balance-status.insufficient{background-color:#fee2e2;color:#991b1b}.pay-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;text-transform:uppercase;letter-spacing:.5px}.pay-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.pay-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.pay-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.pay-btn.retry{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #ef44444d}.pin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.pin-modal-content{background:#fff;padding:2.5rem;border-radius:20px;width:340px;box-shadow:0 20px 25px -5px #0000001a;text-align:center}.pin-display{display:flex;justify-content:center;gap:16px;margin:2rem 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid #e5e7eb;transition:all .2s}.pin-dot.filled{background-color:#111827;border-color:#111827}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2rem}.keypad-btn{padding:1.2rem 0;font-size:1.5rem;border-radius:12px;border:1px solid #f3f4f6;background:#fff;color:#1f2937;cursor:pointer;transition:background .1s}.keypad-btn:hover{background:#f9fafb}.keypad-btn:active{background:#e5e7eb}.keypad-btn.action-btn{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.keypad-btn.cancel{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.keypad-btn.backspace{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.confirm-pin-btn{width:100%;padding:1rem;background:#111827;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.confirm-pin-btn:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wallet-balance-card{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3rem;border-radius:16px;margin-bottom:2rem;text-align:center;box-shadow:0 10px 15px -3px #10b9814d}.wallet-balance-card h2{margin:0 0 1rem}.wallet-balance-display{font-size:3rem;font-weight:700;margin:1rem 0}.wallet-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.wallet-action-btn{padding:10px 20px;font-size:1rem;background:#fff;color:#28a745;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.wallet-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.wallet-action-btn.secondary{background:#fff3;color:#fff}.wallet-limit-info{margin-top:1rem;font-size:.9rem;opacity:.9}.wallet-limit-edit{margin-left:10px;background:#0003;border:none;color:#fff;padding:2px 8px;border-radius:4px;cursor:pointer}.saved-cards-section{margin-bottom:2rem}.saved-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.saved-card{padding:1.5rem;border:none;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease}.saved-card:hover{transform:translateY(-2px)}.saved-card-info{flex:1}.saved-card-brand{font-weight:700;margin-bottom:.5rem}.saved-card-last4{color:#555;margin-bottom:.25rem}.saved-card-expiry{font-size:.8rem;color:#888}.saved-card-balance{font-size:.8rem;color:#28a745;font-weight:700}.saved-card-actions{display:flex;gap:.5rem}.saved-card-btn{background:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background .3s ease}.saved-card-btn:hover{background:#0056b3}.saved-card-btn.danger{background:#dc3545}.saved-card-btn.danger:hover{background:#c82333}.transaction-history h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transaction-filter{padding:5px 10px;border-radius:5px;border:1px solid #ccc}.transaction-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease}.transaction-item:hover{transform:translateY(-1px)}.transaction-info{flex:1}.transaction-description{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.transaction-date{color:#666;font-size:.9rem}.transaction-amount{font-weight:700;font-size:1.2rem}.transaction-amount.credit{color:#28a745}.transaction-amount.debit{color:#dc3545}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.pagination-btn{padding:5px 10px;cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:5px;transition:background .3s ease}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.back-link{margin-top:2rem;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700}.form-input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}.checkbox-group{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.modal-actions{display:flex;gap:1rem}.modal-btn{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background .3s ease}.modal-btn.cancel{background:#6c757d;color:#fff}.modal-btn.cancel:hover{background:#5a6268}.modal-btn.primary{background:#28a745;color:#fff}.modal-btn.primary:hover{background:#218838}.modal-btn.danger{background:#dc3545;color:#fff}.modal-btn.danger:hover{background:#c82333}.modal-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.wallet-balance-card{padding:2rem}.wallet-balance-display{font-size:2rem}.wallet-actions{flex-direction:column;align-items:center}.saved-cards-grid{grid-template-columns:1fr}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-content{width:95%;padding:1.5rem}}.logo,.navbar-brand{font-size:2rem;font-weight:900;text-decoration:none;background:linear-gradient(to right,#4f46e5,#ec4899,#f59e0b,#4f46e5);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoShine 3s linear infinite;display:inline-flex;align-items:center;gap:10px;letter-spacing:-1px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.navbar-brand img{height:45px;width:auto;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-text-fill-color:initial;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.navbar-brand:hover img{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 15px rgba(79,70,229,.5))}@keyframes logoShine{to{background-position:200% center}}.careers-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.careers-hero{background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;padding:4rem 2rem;border-radius:16px;text-align:center;margin-bottom:3rem;box-shadow:0 10px 25px -5px #4f46e54d}.careers-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:800}.careers-hero p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.careers-search-bar{display:flex;gap:1rem;margin-bottom:3rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e5e7eb;flex-wrap:wrap}.search-input,.filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.search-input{flex:2;min-width:200px}.filter-select{flex:1;min-width:150px}.search-input:focus,.filter-select:focus{border-color:#4f46e5}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.job-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%}.job-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-color:#818cf8}.job-role{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.job-dept{color:#4f46e5;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.job-details{display:flex;gap:1rem;color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.job-detail-item{display:flex;align-items:center;gap:.25rem}.apply-btn{width:100%;padding:.75rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.apply-btn:hover{background:#374151}.application-form{display:flex;flex-direction:column;gap:1rem;text-align:left;margin-top:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500}.file-upload{border:2px dashed #d1d5db;padding:1.5rem;text-align:center;border-radius:8px;cursor:pointer;color:#6b7280;transition:border-color .2s}.file-upload:hover{border-color:#4f46e5;background:#f9fafb}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--bg-body: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 1rem}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-body);color:var(--text-main);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box;transition:background-color .2s,border-color .2s}h1,h2,h3,h4{margin:0 0 1rem;font-weight:700;letter-spacing:-.025em}.container{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{background:#eff2f400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.5rem;display:flex;gap:1rem;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d;justify-content:space-between}.nav-logo{height:100px;width:auto;display:block}.nav-links{display:flex;padding:10px;gap:3rem;align-items:center}.navbar a{color:var(--text-main);text-decoration:none;font-weight:600;transition:color .2s}.navbar a:hover{color:var(--primary)}.nav-right{display:flex;align-items:center;gap:1.5rem}button{background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #6366f14d}button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166;filter:brightness(1.1)}button:active{transform:translateY(0)}.form-container{max-width:400px;margin:4rem auto;background:var(--bg-card);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}input{width:100%;padding:.875rem;margin-bottom:1rem;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;transition:border-color .2s;background:#f8fafc}input:focus{outline:none;border-color:var(--primary);background:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.product-card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.product-card h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-main)}.product-card p{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 1.5rem}.cart-item{background:var(--bg-card);padding:1rem;margin-bottom:1rem;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.hero-section{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:4rem 2rem;border-radius:var(--radius);text-align:center;margin-bottom:4rem;box-shadow:var(--shadow-hover);position:relative;overflow:hidden}.search-bar input{max-width:600px;padding:1rem;border-radius:2rem;border:2px solid var(--border);border:none;font-size:1.1rem;box-shadow:var(--shadow);color:var(--text-main)}.search-bar input:focus{border-color:var(--primary);box-shadow:var(--shadow-hover)}.category-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.cat-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:2rem;padding:.5rem 1.5rem;font-size:.9rem;box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cat-btn.active,.cat-btn:hover{background:var(--primary);background:#fff;color:var(--primary);color:#fff;border-color:#fff}.product-image{width:100%;height:200px;object-fit:contain;margin-bottom:1rem}.product-desc{font-size:.9rem!important;color:var(--text-muted)!important;font-weight:400!important;margin-bottom:.5rem!important}.footer{background-color:#1e293b;color:#f8fafc;padding:3rem 2rem 1rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#94a3b8;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:3rem;padding-top:1rem;border-top:1px solid #334155;color:#94a3b8;font-size:.9rem}.product-details-wrapper{display:flex;gap:3rem;margin-bottom:4rem;flex-wrap:wrap;animation:fadeIn .6s ease-out}.details-image{flex:1;min-width:300px}.details-image img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.details-info{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center}.details-category{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem}.details-category span{color:var(--primary);font-weight:600}.details-price{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem;font-weight:700}.details-desc{line-height:1.8;margin-bottom:2rem;font-size:1.1rem;color:var(--text-main)}.stock-badge{margin-left:1rem;font-weight:600;padding:.5rem 1rem;border-radius:2rem;background:#dcfce7;color:#166534}.stock-badge.out{background:#fee2e2;color:#991b1b}