@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@font-face{font-family:KFGQPC Uthmanic;src:url(/fonts/kfgqpc-uthmanic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}#root{width:100%;max-width:600px;margin:0 auto;background-color:#fafafa;min-height:100vh;min-height:100dvh;box-shadow:0 0 20px #00000014}.font-arabic{font-family:KFGQPC Uthmanic,serif;line-height:2}.text-center{text-align:center}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.gap-4{gap:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-600{background-color:#059669}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}button{border:none;cursor:pointer;font-family:inherit}.card{background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.card:active{transform:scale(.98);background:#f9fafb}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--emerald-600);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease-out}