@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.2;font-size:1.75rem}@media(max-width:480px){.font-arabic{font-size:1.5rem;line-height:2}}@media(min-width:481px)and (max-width:768px){.font-arabic{font-size:1.625rem;line-height:2.1}}@media(min-width:769px){.font-arabic{font-size:1.875rem;line-height:2.3}}.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}@media(max-width:480px){.text-xl{font-size:1.125rem}.text-2xl{font-size:1.375rem}.text-3xl{font-size:1.75rem}.text-4xl{font-size:2rem}}@media(min-width:769px){.text-xl{font-size:1.375rem}.text-2xl{font-size:1.625rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.5rem}}button{border:none;cursor:pointer;font-family:inherit}.card{background:#fff;border:1px solid #e5e7eb;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #05966926;border-color:#a7f3d0}.card:active{transform:scale(.98);background:#f9fafb}@media(max-width:480px){.card{border-radius:.875rem}}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--emerald-600);outline-offset:2px;border-radius:.5rem}button,a,.card{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .35s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){#root{box-shadow:none}}@media(prefers-contrast:high){:root{--emerald-600: #047857;--emerald-700: #065f46}.text-gray-600{color:#374151}.text-gray-800{color:#111827}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}