@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-app: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--bg-accent: linear-gradient(135deg, #fef3c7 0%, #dbeafe 50%, #d1fae5 100%);--gradient-primary: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-ocean: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-white: #ffffff;--primary: #10b981;--primary-dark: #059669;--secondary: #06b6d4;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(16, 185, 129, .2);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--max-width: 480px;--nav-height: 72px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#dbeafe,#d1fae5);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain}#root{background:var(--bg-app);min-height:100vh;min-height:-webkit-fill-available;width:100%;max-width:var(--max-width);margin:0 auto;position:relative;box-shadow:0 0 60px #00000014;overflow-x:hidden;display:flex;flex-direction:column}main,.screen-container,[class*=flex-col]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:480px){#root{max-width:100vw}input,textarea{font-size:16px!important}}.h1{font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h2{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.body-lg{font-size:1.125rem;line-height:1.7}.body-sm{font-size:.875rem;color:var(--text-secondary)}.caption{font-size:.75rem;color:var(--text-muted);font-weight:500}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;align-items:center;justify-content:space-between}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid transparent;background-clip:padding-box;position:relative}.card-gradient:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-scale{animation:pulse-scale 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;width:100%;box-shadow:0 4px 14px #10b9814d;text-transform:uppercase;letter-spacing:.05em}.btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s ease}.streak-fire{filter:drop-shadow(0 0 8px #f59e0b);animation:pulse-scale 1.5s ease-in-out infinite}.coin-shine{position:relative;overflow:hidden}.coin-shine:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 3s infinite}.badge-glow{box-shadow:0 0 20px currentColor;animation:pulse-scale 2s ease-in-out infinite}@media(min-width:500px){body{background-color:#fff;background-image:none;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 0;overflow:hidden}#root{width:100%;max-width:430px;height:92vh;max-height:932px;min-height:800px;margin:0 auto;border:12px solid #ffffff;border-radius:48px;box-shadow:0 0 0 1px #e5e7eb,0 4px 6px -1px #0000001a,0 25px 50px -12px #00000026;position:relative;overflow-y:auto;overflow-x:hidden;transform:translateZ(0);background-color:#fff;padding-top:0;z-index:1}#root::-webkit-scrollbar{display:none}#root{-ms-overflow-style:none;scrollbar-width:none}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}