:root{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--secondary: #F59E0B;--secondary-light: #FCD34D;--success: #10B981;--error: #EF4444;--bg: #F0F4FF;--card-bg: #FFFFFF;--text: #1E293B;--text-muted: #64748B;--font-ar: "Noto Kufi Arabic", sans-serif;--font-en: "Inter", sans-serif;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-ar);background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{direction:rtl}.arabic-text{font-family:var(--font-ar);direction:rtl}.english-text{font-family:var(--font-en);direction:ltr}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius);font-family:var(--font-ar);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;touch-action:manipulation;min-height:52px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-success{background:var(--success);color:#fff}.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}.card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.animate-fade{animation:fadeIn .4s ease-out}.animate-bounce{animation:bounceIn .6s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-slide-up{animation:slideUp .5s ease-out}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}