.navbar{background-color:var(--surface);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;padding:.5rem 0}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center}.logo-image{height:50px;width:auto}.navbar-menu{display:flex;align-items:center;gap:2rem}.navbar-link{font-weight:500;color:var(--text-main);transition:color .2s}.navbar-link:hover{color:var(--primary)}.navbar-toggle{display:none;cursor:pointer;color:var(--text-main)}@media(max-width:768px){.navbar-toggle{display:block}.navbar-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--surface);flex-direction:column;padding:1rem;gap:1rem;box-shadow:var(--shadow);transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:999}.navbar-menu.active{transform:translateY(0)}.navbar-item{width:100%;text-align:center}}.footer{background-color:#1a1a1a;color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.2rem}.footer-section p{color:#ccc;margin-bottom:1rem}.footer-section ul{display:flex;flex-direction:column;gap:.5rem}.footer-section a{color:#ccc;transition:color .2s}.footer-section a:hover{color:var(--secondary)}.contact-list li{display:flex;align-items:flex-start;gap:.75rem;color:#ccc}.social-links{display:flex;gap:1rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333333;color:#666;font-size:.9rem}.package-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:relative;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.package-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--primary)}.package-card.popular{border:2px solid var(--secondary);transform:scale(1.05);z-index:1}.package-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--secondary);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.package-header{text-align:center;margin-bottom:1.5rem}.package-icon{color:var(--primary);margin-bottom:1rem}.package-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-main)}.package-speed{font-size:1.5rem;font-weight:700;color:var(--primary)}.package-price{text-align:center;margin-bottom:2rem;color:var(--text-main)}.currency{font-size:1rem;vertical-align:top;margin-right:2px}.amount{font-size:2.5rem;font-weight:700}.period{color:var(--text-muted);font-size:.9rem}.package-features{margin-bottom:2rem;flex-grow:1}.package-features li{display:flex;align-items:center;margin-bottom:.75rem;color:var(--text-muted);font-size:.95rem}.check-icon{color:#28a745;margin-right:.75rem;flex-shrink:0}.btn-block{width:100%}.hero{background:linear-gradient(135deg,#0056b3,#036);color:#fff;padding:2rem 0;position:relative;overflow:hidden;text-align:center}.hero-container{display:flex;align-items:center;justify-content:center;gap:2rem}.hero-content{flex:1;z-index:1;max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;font-weight:800}.hero-content .highlight{color:var(--secondary)}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.hero-buttons .btn-outline{border-color:#fff;color:#fff}.hero-buttons .btn-outline:hover{background-color:#fff;color:var(--primary)}.features-section{padding:5rem 0;background-color:#fff}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;border-radius:var(--radius);transition:transform .2s}.feature-item:hover{transform:translateY(-5px)}.feature-icon{width:80px;height:80px;background-color:#0056b31a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;color:var(--primary)}.feature-item h3{margin-bottom:1rem;font-size:1.5rem}.feature-item p{color:var(--text-muted)}.packages-section{padding:5rem 0;background-color:var(--background)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;align-items:center}.view-all-container{text-align:center}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#f60,#cc5200);color:#fff;text-align:center}.cta-container h2{font-size:2.5rem;margin-bottom:1rem}.cta-container p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-section .btn-secondary{background-color:#fff;color:var(--secondary)}.cta-section .btn-secondary:hover{background-color:#f0f0f0}@media(max-width:768px){.hero-container{flex-direction:column;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}}.packages-page{padding:4rem 0}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.page-header p{color:var(--text-muted);font-size:1.1rem}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-buttons .btn{min-width:120px}.paybill-page{padding:4rem 0}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.payment-card{background-color:var(--surface);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:1px solid var(--border)}.payment-icon{color:var(--primary);margin-bottom:1.5rem}.payment-card h3{margin-bottom:1rem;color:var(--text-main)}.payment-card p{color:var(--text-muted);margin-bottom:1rem}.qr-placeholder{width:200px;height:200px;background-color:#f0f0f0;margin:1.5rem auto;display:flex;justify-content:center;align-items:center;border:2px dashed #ccc;border-radius:var(--radius)}.note{font-size:.85rem;color:var(--secondary)!important}.bank-details{background-color:#f8f9fa;padding:1rem;border-radius:var(--radius);margin-bottom:1rem;text-align:left}.bank-details p{margin-bottom:.25rem}.account-number{font-family:monospace;font-size:1.2rem;font-weight:600;color:var(--primary)!important;letter-spacing:1px}.contact-page{padding:4rem 0}.contact-content{display:grid;grid-template-columns:1fr;gap:3rem}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-card{background-color:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform .2s}.info-card:hover{transform:translateY(-5px)}.info-icon{color:var(--primary);margin-bottom:1rem}.info-card h3{margin-bottom:1rem;color:var(--text-main)}.info-card p{color:var(--text-muted);line-height:1.6}.info-card a{color:var(--primary);font-weight:500}.map-container{height:400px;background-color:#e0e0e0;border-radius:var(--radius);overflow:hidden}.map-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;color:#999;font-size:1.5rem}.advertising-page{padding-top:80px;min-height:100vh;background-color:var(--background)}.advertising-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:4rem 0;text-align:center}.advertising-hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.advertising-hero p{font-size:1.2rem;opacity:.9;max-width:800px;margin:0 auto}.advertising-section{padding:4rem 0}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--text-main)}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.why-choose-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.why-choose-item:hover{transform:translateY(-5px)}.why-choose-item h3{color:var(--primary);margin-bottom:1rem;font-size:1.25rem}.stats-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000000d;min-width:200px}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.service-image{width:100%;height:200px;object-fit:cover}.service-content{padding:2rem}.service-content h3{color:var(--text-main);margin-bottom:1rem;font-size:1.5rem}.cta-box{background:#fff;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;max-width:800px;margin:0 auto}.contact-channels{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.contact-channel{display:flex;align-items:center;gap:.5rem;color:var(--text-main);text-decoration:none;font-weight:500;padding:.75rem 1.5rem;background:#f8f9fa;border-radius:50px;transition:all .3s ease}.contact-channel:hover{background:var(--primary);color:#fff}.facebook-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.fb-img{width:100%;border-radius:12px;box-shadow:0 4px 10px #0000001a}.ev-bike-page{padding-bottom:4rem}.ev-header{background:linear-gradient(135deg,#2c3e50,#000);color:#fff;padding:3rem 0;text-align:center;margin-bottom:3rem}.ev-logo-container{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid white;background-color:#fff}.ev-logo{width:100%;height:100%;object-fit:contain}.ev-header h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1.2rem;opacity:.9}.ev-content{display:grid;gap:4rem}.ev-gallery h2,.ev-contact-section h2{text-align:center;margin-bottom:2rem;color:var(--primary);font-size:2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;grid-auto-flow:dense}.gallery-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s;position:relative}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item.horizontal{grid-column:span 2}.gallery-item.vertical{aspect-ratio:9/16}.gallery-item.horizontal{aspect-ratio:16/9}@media(max-width:600px){.gallery-item.horizontal{grid-column:span 1}}.contact-card{background-color:var(--surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-item .icon{color:var(--secondary);width:24px;height:24px;flex-shrink:0;margin-top:4px}.contact-item h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-main)}.contact-item a{color:var(--primary);font-weight:500}.btn-line{display:inline-block;background-color:#00b900;color:#fff!important;padding:.25rem .75rem;border-radius:4px;font-size:.9rem;margin-top:.5rem;text-decoration:none}.btn-line:hover{background-color:#090}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.popup-content{position:relative;max-width:90%;max-height:90vh;background-color:transparent;border-radius:var(--radius);overflow:hidden;animation:popupFadeIn .3s ease-out}.popup-image{display:block;max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius)}.popup-close{position:absolute;top:10px;right:10px;background-color:#fffc;border:none;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;color:var(--text-main);z-index:10}.popup-close:hover{background-color:#fff}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--primary: #0056b3;--primary-hover: #004494;--secondary: #ff6600;--secondary-hover: #e65c00;--background: #f8f9fa;--surface: #ffffff;--text-main: #333333;--text-muted: #666666;--border: #e0e0e0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: .5rem;--font-main: "Prompt", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--background);color:var(--text-main);line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background-color .2s;border:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}