.airtime-hero{background:linear-gradient(135deg,#001f3f 0%,#003d7a 100%);padding:60px 0 40px;position:relative;overflow:hidden}.airtime-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.airtime-hero-content{text-align:center;z-index:1;position:relative}.airtime-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 25px;display:flex}.airtime-icon-wrapper i{color:#f1c40f;font-size:50px}.airtime-hero-title{color:#fff;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:42px;font-weight:800}.airtime-hero-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px}.airtime-main-section{background:#f8f9fa;padding:50px 0}.airtime-card{background:#fff;border-radius:20px;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 10px 40px #0000001a}.airtime-section{margin-bottom:40px}.section-heading{color:#001f3f;align-items:center;gap:12px;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;display:flex}.section-heading i{color:#f1c40f;font-size:24px}.network-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.network-option{text-align:center;cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:15px;padding:25px 20px;transition:all .3s;position:relative}.network-option:hover{border-color:#001f3f;transform:translateY(-5px);box-shadow:0 8px 20px #001f3f26}.network-option.selected{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);border-color:#f1c40f;box-shadow:0 8px 25px #f1c40f4d}.network-option img{object-fit:contain;width:80px;height:80px;margin-bottom:12px}.network-option span{color:#001f3f;font-size:16px;font-weight:600;display:block}.network-option .check-icon{color:#f1c40f;opacity:0;font-size:24px;transition:opacity .3s;position:absolute;top:10px;right:10px}.network-option.selected .check-icon{opacity:1}.amount-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.amount-option{cursor:pointer;text-align:center;background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;position:relative}.amount-option:hover{border-color:#001f3f;transform:translateY(-3px);box-shadow:0 6px 15px #001f3f1a}.amount-option.selected{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);border-color:#f1c40f;box-shadow:0 6px 20px #f1c40f4d}.amount-value{color:#001f3f;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;display:block}.popular-badge{color:#001f3f;text-transform:uppercase;background:#f1c40f;border-radius:20px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.custom-amount-wrapper{background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;padding:25px}.custom-amount-label{color:#001f3f;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.custom-amount-label i{color:#f1c40f}.custom-amount-input-wrapper{position:relative}.currency-symbol{color:#001f3f;font-size:20px;font-weight:700;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.custom-amount-input-wrapper input{border:2px solid #ddd;border-radius:10px;width:100%;padding:15px 15px 15px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;transition:all .3s}.custom-amount-input-wrapper input:focus{border-color:#f1c40f;outline:none;box-shadow:0 0 0 4px #f1c40f1a}.phone-input-wrapper{background:#f8f9fa;border-radius:12px;padding:25px}.phone-input-wrapper label{color:#001f3f;margin-bottom:10px;font-size:16px;font-weight:600;display:block}.phone-input-wrapper input{border:2px solid #ddd;border-radius:10px;width:100%;padding:15px;font-size:16px;transition:all .3s}.phone-input-wrapper input:focus{border-color:#f1c40f;outline:none;box-shadow:0 0 0 4px #f1c40f1a}.input-hint{color:#666;margin-top:8px;font-size:14px;display:block}.airtime-summary{background:linear-gradient(135deg,#001f3f 0%,#003d7a 100%);border-radius:15px;margin-bottom:25px;padding:30px}.summary-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.summary-label{color:#fffc;font-size:16px}.summary-value{color:#fff;font-size:16px;font-weight:600}.summary-divider{background:#fff3;height:2px;margin:20px 0}.summary-total .summary-label{color:#f1c40f;font-size:18px;font-weight:700}.summary-total .summary-value{color:#f1c40f;font-family:Poppins,sans-serif;font-size:28px;font-weight:800}.airtime-checkout-btn{color:#001f3f;cursor:pointer;background:linear-gradient(135deg,#f1c40f 0%,#f39c12 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #f1c40f66}.airtime-checkout-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #f1c40f80}.airtime-checkout-btn:disabled{opacity:.5;cursor:not-allowed}.airtime-checkout-btn i{font-size:20px}.airtime-features{border-top:2px solid #f0f0f0;justify-content:center;gap:30px;margin-top:30px;padding-top:30px;display:flex}.feature-badge{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.feature-badge i{color:#27ae60;font-size:18px}@media (width<=768px){.airtime-hero-title{font-size:32px}.airtime-card{padding:25px}.network-grid{grid-template-columns:1fr}.amount-grid{grid-template-columns:repeat(2,1fr)}.airtime-features{flex-direction:column;gap:15px}.feature-badge{justify-content:center}}