*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#1a5c2a;--green-light:#2d8a47;--green-dark:#0d3318;--green-bg:#f0faf1;--gold:#c8a415;--gold-light:#f9d854;--red:#c0392b;--white:#fff;--gray-50:#f8fafb;--gray-100:#f1f4f2;--gray-200:#e4e9e6;--gray-300:#d1d9d4;--gray-500:#7a8c82;--gray-700:#3d4f45;--gray-900:#1a2332;--text:#2d3a30;--text-muted:#5a6b60;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px #1a5c2a14;--shadow-md:0 4px 24px #1a5c2a1f;--shadow-lg:0 8px 40px #1a5c2a29;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px}body{margin:0}#root{text-align:left;width:100%;min-height:100vh}.btn-primary{background:var(--green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-primary:hover{background:var(--green-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--green);border:2px solid var(--green);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--green-bg)}.btn-lg{border-radius:10px;padding:15px 32px;font-size:16px}.btn-full{justify-content:center;width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--gray-700);font-size:14px;font-weight:600}.field input,.field select{border:2px solid var(--gray-200);border-radius:var(--radius-sm);height:46px;color:var(--text);appearance:none;background:#fff;outline:none;width:100%;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6b60' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1a5c2a1f}.field input.error,.field select.error{border-color:var(--red)}.field-error{color:var(--red);font-size:12px;font-weight:500}.page-header{z-index:100;border-bottom:1px solid var(--gray-200);background:#fff;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{flex-shrink:0;width:28px;height:28px;display:block}.logo-full{width:auto;height:38px;display:block}.logo-text{color:var(--green-dark);letter-spacing:-.5px;font-size:18px;font-weight:800}.logo-text span{color:var(--gold)}.progress-bar{flex:1;justify-content:center;align-items:center;gap:0;display:flex}.progress-step{flex-shrink:0;align-items:center;gap:8px;display:flex}.ps-num{background:var(--gray-200);width:30px;height:30px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex}.ps-label{color:var(--gray-500);font-size:13px;font-weight:600;transition:color .3s}.progress-step.active .ps-num{background:var(--green);color:#fff}.progress-step.active .ps-label{color:var(--green)}.progress-step.done .ps-num{background:var(--green-bg);color:var(--green);border:2px solid var(--green)}.progress-step.done .ps-label{color:var(--green)}.progress-line{background:var(--gray-200);width:48px;height:2px;margin:0 4px;transition:background .3s}.progress-line.active{background:var(--green)}@media (width<=600px){.ps-label{display:none}.progress-line{width:24px}}.landing{flex-direction:column;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-200);background:#fffffff7;position:sticky;top:0}.landing .header-inner{justify-content:space-between}.nav{gap:28px;display:flex}.nav a{color:var(--text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--green)}.hero-section{background:linear-gradient(135deg, var(--green-dark) 0%, var(--green) 60%, #2d8a47 100%);color:#fff;text-align:center;padding:80px 24px 90px;position:relative;overflow:hidden}.hero-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{max-width:760px;margin:0 auto;position:relative}.hero-logo{border-radius:50%;width:80px;height:80px;margin:0 auto 20px;display:block;box-shadow:0 4px 24px #0003}.hero-badge{letter-spacing:.3px;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-content h1{letter-spacing:-1px;color:#fff;margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.15}.hero-content h1 span{color:var(--gold-light)}.hero-sub{opacity:.88;max-width:560px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:clamp(15px,2vw,18px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.hero-actions .btn-ghost{color:#fff;border-color:#ffffff80}.hero-actions .btn-ghost:hover{background:#ffffff1a}.hero-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:20px 32px;display:flex}.stat{text-align:center;padding:0 28px}.stat-num{color:var(--gold-light);font-size:28px;font-weight:800;display:block}.stat-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px}.stat-divider{background:#fff3;width:1px;height:40px}.section{padding:72px 24px}.bg-light{background:var(--gray-50)}.section-inner{max-width:1100px;margin:0 auto}.section-label{background:var(--green-bg);color:var(--green);letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.section-title{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(24px,3vw,36px);font-weight:800}.section-sub{color:var(--text-muted);margin-bottom:48px;font-size:16px}.steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;display:flex}.step{text-align:center;min-width:200px;max-width:280px;box-shadow:var(--shadow);background:#fff;border-radius:16px;flex:1;padding:32px 24px;position:relative}.step-num{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.step-icon{margin-top:8px;margin-bottom:12px;font-size:36px}.step h3{color:var(--gray-900);margin-bottom:8px;font-size:17px;font-weight:700}.step p{color:var(--text-muted);font-size:14px;line-height:1.5}.step-arrow{color:var(--gray-300);flex-shrink:0;align-self:center;padding:0 8px;font-size:24px}.tiers-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:8px;display:grid}.tier-card{border:2px solid var(--gray-200);text-align:center;cursor:default;background:#fff;border-radius:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s}.tier-card:hover{box-shadow:var(--shadow-md);border-color:var(--tier-color);transform:translateY(-4px)}.tier-icon{margin-bottom:10px;font-size:32px;display:block}.tier-card h3{color:var(--tier-color);margin-bottom:6px;font-size:18px;font-weight:800}.tier-range{color:var(--gray-900);margin-bottom:8px;font-size:22px;font-weight:800}.tier-fee{color:var(--text-muted);font-size:13px}.tier-fee strong{color:var(--tier-color)}.testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.testimonial{border:1px solid var(--gray-200);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:28px}.testimonial-avatar{margin-bottom:14px;font-size:40px}.testimonial-quote{color:var(--text);margin-bottom:16px;font-size:15px;font-style:italic;line-height:1.6}.testimonial-meta strong{color:var(--gray-900);font-weight:700;display:block}.testimonial-meta span{color:var(--text-muted);font-size:13px}.faq-list{flex-direction:column;gap:16px;max-width:780px;display:flex}.faq-item{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:20px 24px}.faq-item h4{color:var(--gray-900);margin-bottom:8px;font-size:16px;font-weight:700}.faq-item p{color:var(--text-muted);font-size:14px;line-height:1.6}.cta-section{background:linear-gradient(135deg, var(--green-dark), var(--green));color:#fff;text-align:center;padding:72px 24px}.cta-section h2{color:#fff;margin-bottom:12px;font-size:clamp(24px,3vw,40px);font-weight:800}.cta-section p{opacity:.85;margin-bottom:32px;font-size:17px}.footer{background:var(--green-dark);color:#ffffffb3;text-align:center;padding:40px 24px}.footer-inner{max-width:600px;margin:0 auto}.footer .logo-text{color:#fff;font-size:20px}.footer p{margin-top:8px;font-size:14px}.footer-logo-img{flex-shrink:0;width:32px;height:32px;display:block}.footer-logo-full{background:#fff;border-radius:8px;width:auto;height:40px;padding:4px 10px;display:block}.footer-social{justify-content:center;align-items:center;gap:20px;margin-top:16px;display:flex}.social-link{opacity:.7;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-link svg{fill:currentColor}.footer-legal{opacity:.5;margin-top:16px;font-size:12px}.page-wrapper{background:var(--gray-50);flex-direction:column;min-height:100vh;display:flex}.form-main{flex:1;padding:40px 24px 60px}.form-container{max-width:760px;margin:0 auto}.form-container>h1{color:var(--gray-900);margin-bottom:6px;font-size:28px;font-weight:800}.form-intro{color:var(--text-muted);margin-bottom:32px}.form-section{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:24px;padding:28px}.form-section-title{color:var(--green-dark);border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;margin-bottom:24px;padding-bottom:14px;font-size:17px;font-weight:700;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-footer{margin-top:8px}.form-note{color:var(--text-muted);background:var(--gray-50);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.eligibility-main{flex:1;padding:40px 24px 60px}.eligibility-container{max-width:680px;margin:0 auto}.elig-header{text-align:center;margin-bottom:32px}.elig-check{margin-bottom:12px;font-size:52px}.elig-header h1{color:var(--gray-900);margin-bottom:8px;font-size:28px;font-weight:800}.elig-header p{color:var(--text-muted);font-size:16px}.tier-result-card{background:var(--tier-bg,#f0faf1);border:2px solid var(--tier-border,#4caf50);border-radius:16px;margin-bottom:24px;padding:28px}.tier-result-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tier-badge{color:#fff;letter-spacing:1px;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:800}.tier-ref{color:var(--text-muted);font-family:monospace;font-size:13px}.tier-result-amount{align-items:stretch;gap:0;margin-bottom:24px;display:flex}.amount-box{text-align:center;flex:1;padding:16px}.amount-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.amount-value{color:var(--gray-900);font-size:32px;font-weight:800}.amount-fee{color:var(--tier-color,#4caf50);font-size:32px;font-weight:800}.amount-divider{background:var(--tier-border,#4caf50);opacity:.3;width:1px}.tier-benefits{flex-direction:column;gap:10px;display:flex}.benefit-row{color:var(--text);align-items:center;gap:10px;font-size:14px;display:flex}.benefit-check{color:var(--tier-color,#4caf50);flex-shrink:0;font-weight:700}.fee-breakdown{border:1px solid var(--gray-200);background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.fee-breakdown h3{color:var(--gray-900);margin-bottom:16px;font-size:15px;font-weight:700}.fee-items{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fee-item{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.elig-actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.elig-note{color:var(--text-muted);text-align:center;background:var(--gray-50);border-radius:8px;padding:12px 16px;font-size:13px}.confirmation-main{flex:1;padding:40px 24px 60px}.confirmation-container{max-width:900px;margin:0 auto}.conf-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=700px){.conf-layout{grid-template-columns:1fr}}.conf-summary,.conf-payment{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px}.conf-summary h2,.conf-payment h2{color:var(--gray-900);border-bottom:1px solid var(--gray-100);margin-bottom:20px;padding-bottom:14px;font-size:18px;font-weight:800}.summary-ref{color:var(--text-muted);background:var(--gray-50);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.summary-ref strong{color:var(--green);font-family:monospace;font-size:14px}.summary-tier{border:2px solid;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.tier-badge-sm{color:#fff;letter-spacing:1px;white-space:nowrap;border-radius:16px;padding:4px 10px;font-size:10px;font-weight:800}.st-amount{color:var(--gray-900);font-size:20px;font-weight:800}.st-label{color:var(--text-muted);margin-top:2px;font-size:12px}.summary-rows{flex-direction:column;gap:10px;display:flex}.sr{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.sr:last-child{border-bottom:none}.sr span:first-child{color:var(--text-muted)}.sr span:last-child{color:var(--gray-900);text-align:right;font-weight:600}.fee-display{text-align:center;background:var(--green-bg);border:2px solid var(--green);border-radius:12px;margin-bottom:24px;padding:24px}.fee-label{text-transform:uppercase;letter-spacing:.5px;color:var(--green);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.fee-amount{color:var(--green-dark);letter-spacing:-1px;margin:4px 0;font-size:44px;font-weight:900;display:block}.fee-sub{color:var(--text-muted);font-size:13px}.btn-mpesa{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:15px 24px;font-size:16px;font-weight:700;transition:background .2s,transform .1s;display:flex}.btn-mpesa:hover{background:#388e3c;transform:translateY(-1px)}.btn-mpesa .mpesa-text{letter-spacing:1px;font-size:18px;font-weight:900}.pay-note{color:var(--text-muted);text-align:center;font-size:12px}.pay-status{text-align:center;padding:24px 0}.pay-status h3{color:var(--gray-900);margin:14px 0 8px;font-size:18px;font-weight:700}.pay-status p{color:var(--text-muted);margin-bottom:6px;font-size:14px;line-height:1.5}.waiting-text{color:var(--green);font-size:13px;font-weight:600;margin-top:12px!important}.spinner{border:3px solid var(--gray-200);border-top-color:var(--gray-700);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}.spinner.green{border-top-color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.pay-status.pending{padding:32px 0}.pay-status.pending p{max-width:280px;margin-left:auto;margin-right:auto}.fail-icon{margin-bottom:8px;font-size:40px}.pay-status.failed h3{color:var(--red)}.success-screen{text-align:center;padding:20px 0}.success-logo{border-radius:50%;width:80px;height:80px;margin:0 auto 16px;animation:.6s bounce;display:block}.success-icon{margin-bottom:16px;font-size:64px;animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.success-screen h1{color:var(--green-dark);margin-bottom:10px;font-size:28px;font-weight:800}.success-screen>p{color:var(--text-muted);margin-bottom:28px;font-size:16px}.success-details{border:1px solid var(--gray-200);text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:24px;padding:24px}.success-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.success-row:last-child{border-bottom:none}.success-row span{color:var(--text-muted)}.success-row strong{color:var(--gray-900)}.success-note{color:var(--text-muted);background:var(--green-bg);text-align:left;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-size:14px;line-height:1.6}@media (width<=480px){.hero-stats{padding:16px}.stat{padding:0 16px}.stat-divider{display:none}.fee-items{grid-template-columns:1fr}.nav{display:none}}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:20px;width:100%;max-width:460px;max-height:92vh;padding:36px 28px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000038}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:var(--gray-100);cursor:pointer;width:32px;height:32px;color:var(--gray-700);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--gray-200)}.modal-check{text-align:center;margin-bottom:6px;font-size:52px}.modal h2{text-align:center;color:var(--gray-900);margin-bottom:6px;font-size:22px;font-weight:800}.modal>p{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:14px}.modal-tier{background:var(--tb,#f0faf1);border:2px solid var(--tbo,#4caf50);border-radius:14px;margin-bottom:16px;padding:20px}.modal-tier .tier-badge{margin-bottom:14px;display:inline-block}.modal-qualified{text-align:center;padding:12px 0 20px}.modal-qualified-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.modal-qualified-amount{letter-spacing:-2px;font-size:56px;font-weight:900;line-height:1;display:block}.modal-amounts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-amount-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.modal-amount-val{color:var(--gray-900);font-size:22px;font-weight:800;display:block}.modal-fee-val{color:var(--tc,#4caf50);font-size:22px;font-weight:800;display:block}.modal-benefits{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.modal-benefit{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.modal-benefit-check{color:var(--green);flex-shrink:0;font-weight:700}.modal-ref{color:var(--text-muted);text-align:center;margin-bottom:18px;font-family:monospace;font-size:12px}.modal-actions{flex-direction:column;gap:10px;display:flex}.auto-assign-note{color:var(--green);background:var(--green-bg);border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px}.tier-income{color:var(--text-muted);margin-top:4px;font-size:12px}.activity-banner{z-index:900;pointer-events:none;position:fixed;bottom:28px;left:28px}.activity-toast{border:1px solid var(--gray-200);border-left:3px solid var(--green);background:#fff;border-radius:14px;align-items:center;gap:10px;max-width:290px;padding:12px 16px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s;display:flex;box-shadow:0 8px 32px #00000021}.toast-in{opacity:1;transform:translate(0)}.toast-out{opacity:0;transform:translate(-130%)}.toast-dot{background:#4caf50;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.toast-avatar{flex-shrink:0;font-size:28px}.toast-body{flex-direction:column;gap:1px;min-width:0;display:flex}.toast-name{color:var(--gray-900);font-size:13px;font-weight:700}.toast-county{color:var(--text-muted);font-weight:400}.toast-amount{color:var(--green);font-size:13px;font-weight:700}.toast-time{color:var(--gray-500);font-size:11px}