@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;--primary: #1E81CE;--primary-hover: #1666a3;--primary-light: #e0f2fe;--secondary: #9BC9FF;--disabled: #94a3b8;--bg-gradient-start: #f8fafc;--bg-gradient-end: #eff6ff}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#fff;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}#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-primary{color:var(--primary)}.text-primary-hover{color:var(--primary-hover)}.bg-primary-light{background-color:var(--primary-light)}.bg-primary{background-color:var(--primary)}.border-primary{border-color:var(--primary)}.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(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease-out}