@import"https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--color-blue-50: #EFF6FF;--color-blue-500: #2563EB;--color-purple-500: #7C3AED;--color-gold-500: #D4AF37;--bg-app: #111827;--bg-surface: #1F2933;--text-primary: #FFFFFF;--text-secondary: #D1D5DB;--text-muted: #6B7280;--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #5B21B6 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center,#1e1b4b,#0f172a);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}body:not([dir=rtl]){font-family:IBM Plex Sans,sans-serif}body:not([dir=rtl]) h1,body:not([dir=rtl]) .font-serif{font-family:Playfair Display,serif}body[dir=rtl]{font-family:IBM Plex Sans Arabic,sans-serif}body[dir=rtl] h1,body[dir=rtl] .font-serif{font-family:El Messiri,sans-serif}h1{font-size:clamp(2rem,8vw,3.5rem)!important}p{font-size:clamp(1rem,4vw,1.25rem)!important}.landing-container{padding:clamp(1rem,5vw,2rem)!important}.wordmark-container{flex-direction:var(--wordmark-flex-dir, row);gap:clamp(1rem,5vw,2rem)!important}@media(max-width:640px){.wordmark-container{flex-direction:column!important;gap:1.5rem!important}.wordmark-divider{width:60px!important;height:1px!important}.special-thanks-card{padding:1rem!important}}.premium-gradient{background:var(--gradient-primary)}.premium-glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}