:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-secondary-dark: #7c3aed;--color-success: #10b981;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-dark: #dc2626;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-accent: #fbbf24;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--font-family: "Cairo", "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: clamp(.75rem, 2vw, .875rem);--font-size-sm: clamp(.875rem, 2.5vw, 1rem);--font-size-base: clamp(1rem, 3vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3.5vw, 1.25rem);--font-size-xl: clamp(1.25rem, 4vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 5vw, 2rem);--font-size-3xl: clamp(1.875rem, 6vw, 2.5rem);--font-size-4xl: clamp(2.25rem, 7vw, 3rem)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);direction:rtl;text-align:right}body{background:linear-gradient(135deg,var(--bg-primary) 0%,#1e1b4b 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{max-width:100vw;margin:0 auto;padding:var(--space-md);min-height:100vh;box-sizing:border-box;position:relative}@media (max-width: 768px){#root{padding:var(--space-sm)}}.glass-effect{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{box-shadow:var(--shadow-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 6px 25px #e91e6366,0 0 20px #e91e634d}50%{transform:scale(1.02);box-shadow:0 8px 30px #e91e6380,0 0 25px #e91e6366}}@keyframes pulseTeam2{0%,to{transform:scale(1);box-shadow:0 6px 25px #00bcd466,0 0 20px #00bcd44d}50%{transform:scale(1.02);box-shadow:0 8px 30px #00bcd480,0 0 25px #00bcd466}}@keyframes timeUpAlert{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}