*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--cyan-600: #0891b2;--cyan-500: #06b6d4;--cyan-400: #22d3ee;--cyan-900: #164e63;--emerald-500: #10b981;--emerald-400: #34d399;--amber-500: #f59e0b;--amber-400: #fbbf24;--green-600: #16a34a;--green-500: #22c55e;--green-400: #4ade80;--red-500: #ef4444;--red-400: #f87171}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--slate-950);color:var(--slate-200);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono{font-family:JetBrains Mono,Fira Code,Courier New,monospace}::selection{background-color:var(--cyan-600);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus,.sr-only.focus:focus{position:fixed;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal}:focus-visible{outline:2px solid var(--cyan-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-900)}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-600)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-in-bottom{animation:slideInFromBottom .5s ease-out forwards}.animate-slide-in-right{animation:slideInFromRight .5s ease-out forwards}.animate-zoom-in{animation:zoomIn .5s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.mpesa-pulse{animation:pulse-green 2s infinite}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:w-1\/2{width:50%}.md\:block{display:block}}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-2{margin-left:.5rem}.w-full{width:100%}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-5{width:1.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-5{height:1.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:#fff}.text-black{color:#000}.text-slate-100{color:var(--slate-100)}.text-slate-200{color:var(--slate-200)}.text-slate-300{color:var(--slate-300)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.text-slate-600{color:var(--slate-600)}.text-cyan-400{color:var(--cyan-400)}.text-cyan-500{color:var(--cyan-500)}.text-emerald-400{color:var(--emerald-400)}.text-amber-400{color:var(--amber-400)}.text-green-400{color:var(--green-400)}.text-green-500{color:var(--green-500)}.text-red-400{color:var(--red-400)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-slate-700{background-color:var(--slate-700)}.bg-slate-800{background-color:var(--slate-800)}.bg-slate-900{background-color:var(--slate-900)}.bg-slate-950{background-color:var(--slate-950)}.bg-cyan-600{background-color:var(--cyan-600)}.bg-cyan-500{background-color:var(--cyan-500)}.bg-green-600{background-color:var(--green-600)}.bg-green-500{background-color:var(--green-500)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-slate-600{border-color:var(--slate-600)}.border-slate-700{border-color:var(--slate-700)}.border-slate-800{border-color:var(--slate-800)}.border-cyan-500{border-color:var(--cyan-500)}.border-cyan-600{border-color:var(--cyan-600)}.border-l-cyan-500{border-left-color:var(--cyan-500)}.border-l-transparent{border-left-color:transparent}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-cyan-900\/50{box-shadow:0 10px 15px -3px #164e6380}.shadow-green-500\/50{box-shadow:0 10px 15px -3px #22c55e80}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\:bg-slate-600:hover{background-color:var(--slate-600)}.hover\:bg-slate-800:hover{background-color:var(--slate-800)}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500)}.hover\:bg-green-500:hover{background-color:var(--green-500)}.hover\:border-slate-500:hover{border-color:var(--slate-500)}.hover\:border-cyan-500:hover{border-color:var(--cyan-500)}.hover\:text-white:hover{color:#fff}.hover\:text-cyan-400:hover{color:var(--cyan-400)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:translate-x-2:hover{transform:translate(8px)}.scale-\[1\.02\]{transform:scale(1.02)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media(min-width:768px){.md\:hidden{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--cyan-600);color:#fff;box-shadow:0 4px 14px #0891b24d}.btn-primary:hover:not(:disabled){background-color:var(--cyan-500)}.btn-secondary{background-color:var(--slate-700);color:var(--slate-100);border:1px solid var(--slate-600)}.btn-secondary:hover:not(:disabled){background-color:var(--slate-600)}.btn-outline{background:transparent;color:var(--cyan-400);border:2px solid var(--cyan-600)}.btn-outline:hover:not(:disabled){background-color:#0891b21a}.btn-mpesa{background-color:var(--green-600);color:#fff}.btn-mpesa:hover:not(:disabled){background-color:var(--green-500)}.input{width:100%;padding:.75rem 1rem;background-color:var(--slate-800);border:1px solid var(--slate-700);border-radius:.5rem;color:#fff;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--slate-500)}.input:focus{outline:none;border-color:var(--cyan-500);box-shadow:0 0 0 3px #06b6d41a}.card{padding:1.5rem;background-color:var(--slate-900);border:1px solid var(--slate-700);border-radius:.75rem;transition:all .2s ease;cursor:pointer}.card:hover{border-color:var(--slate-500)}.card.selected{background-color:var(--slate-800);border-color:var(--cyan-500);box-shadow:0 10px 25px -5px #06b6d426;transform:scale(1.02)}