body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;background:linear-gradient(135deg,#e0f2fe,#f3e8ff)}.navbar{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1280px;margin:0 auto;padding:0 1rem}.nav-content{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo img{height:48px}.nav-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#3b82f6,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem}.nav-links a{color:#374151;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#3b82f6}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu{display:none;background:#fff;border-top:1px solid #e5e7eb;padding:1rem}.mobile-menu.active{display:block}.mobile-menu a{display:block;padding:.5rem 0;color:#374151;text-decoration:none}.mobile-menu a:hover{color:#3b82f6}.hero-section{padding:5rem 1rem;text-align:center}.hero-container{max-width:1280px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(to right,#2563eb,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}.hero-button{display:inline-block;background:linear-gradient(to right,#3b82f6,#9333ea);color:#fff;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s}.hero-button:hover{transform:scale(1.05);box-shadow:0 10px 25px #0003}.products-section{padding:5rem 1rem;background:#fff}.products-container{max-width:1280px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#1f2937}.section-description{text-align:center;color:#4b5563;margin-bottom:3rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.product-card{background:linear-gradient(135deg,#e0f2fe,#f3e8ff);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s}.product-card:hover{transform:scale(1.05);box-shadow:0 20px 25px #00000026}.product-icon{width:64px;height:64px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.product-icon.airtime{background:linear-gradient(to right,#60a5fa,#2563eb)}.product-icon.data{background:linear-gradient(to right,#c084fc,#9333ea)}.product-icon.zesco{background:linear-gradient(to right,#3b82f6,#9333ea)}.product-name{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.product-description{color:#4b5563;margin-bottom:1rem}.product-button{color:#2563eb;font-weight:600;background:none;border:none;cursor:pointer;transition:color .3s}.product-button:hover{color:#9333ea}.purchase-modal{max-width:42rem;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px #00000026;border:2px solid #dbeafe}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;transition:color .3s}.close-button:hover{color:#4b5563}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:none;border-color:#3b82f6}.submit-button{width:100%;background:linear-gradient(to right,#3b82f6,#9333ea);color:#fff;padding:1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-button:hover{transform:scale(1.05);box-shadow:0 10px 25px #0003}.success-message{text-align:center;padding:3rem 0}.success-icon{color:#10b981;margin:0 auto 1rem}.success-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.success-text{color:#4b5563}.about-section{padding:5rem 1rem}.about-container{max-width:56rem;margin:0 auto;text-align:center}.about-text{font-size:1.125rem;color:#4b5563;margin-bottom:1.5rem;line-height:1.75}.contact-section{padding:5rem 1rem;background:#fff}.contact-container{max-width:56rem;margin:0 auto;text-align:center}.contact-description{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}.contact-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.contact-button{padding:1rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.contact-button.primary{background:linear-gradient(to right,#3b82f6,#9333ea);color:#fff}.contact-button.primary:hover{box-shadow:0 10px 25px #0003}.contact-button.secondary{border:2px solid #3b82f6;color:#2563eb;background:#fff}.contact-button.secondary:hover{background:#eff6ff}.footer{background:#111827;color:#fff;padding:3rem 1rem}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.footer-section p{color:#9ca3af;line-height:1.75}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center;color:#9ca3af}@media(max-width:768px){.nav-links{display:none}.mobile-menu-button{display:block}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.products-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column}.footer-grid{grid-template-columns:1fr}}@media(min-width:769px){.contact-buttons{flex-direction:row;justify-content:center}}