html,body,#root{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}img,svg{max-width:100%;height:auto}:root{--svg-bg: #F8FAFC;--svg-surface: #FFFFFF;--svg-surface-2: #EEF2FF;--svg-surface-3: #F3F4F6;--svg-muted: #D1D5DB;--svg-muted-2: #E5E7EB;--svg-accent: #4F46E5;--svg-accent-2: #06B6D4;--svg-accent-3: #34D399;--svg-warn: #F59E0B;--svg-info: #0EA5E9;--svg-ink: #0F172A;--svg-shadow: rgba(15, 23, 42, .15)}body[data-theme=light]{--svg-bg: #F8FAFC;--svg-surface: #FFFFFF;--svg-surface-2: #EEF2FF;--svg-surface-3: #F3F4F6;--svg-muted: #D1D5DB;--svg-muted-2: #E5E7EB;--svg-accent: #4F46E5;--svg-accent-2: #06B6D4;--svg-accent-3: #34D399;--svg-warn: #F59E0B;--svg-info: #0EA5E9;--svg-ink: #0F172A;--svg-shadow: rgba(15, 23, 42, .15)}body[data-theme=dark]{--svg-bg: #0F141A;--svg-surface: #141B23;--svg-surface-2: #1B2430;--svg-surface-3: #202A36;--svg-muted: #2A3442;--svg-muted-2: #2F3A49;--svg-accent: #7C83FF;--svg-accent-2: #22D3EE;--svg-accent-3: #4ADE80;--svg-warn: #FBBF24;--svg-info: #38BDF8;--svg-ink: #E6EAF2;--svg-shadow: rgba(0, 0, 0, .35)}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pulseArrow{0%{opacity:.6;transform:translateY(4px)}50%{opacity:1;transform:translateY(0)}to{opacity:.6;transform:translateY(4px)}}@keyframes pencilWrite{0%{transform:translate(0) rotate(-4deg)}50%{transform:translate(-2px,2px) rotate(0)}to{transform:translate(0) rotate(-4deg)}}@keyframes highlightSweep{0%{filter:brightness(1)}50%{filter:brightness(1.25)}to{filter:brightness(1)}}@keyframes pulseScale{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.anim-float{animation:floatUpDown 2.2s ease-in-out infinite}.anim-upload-arrow{animation:pulseArrow 1.6s ease-in-out infinite}.anim-pencil{transform-origin:80px 84px;animation:pencilWrite 2s ease-in-out infinite}.anim-highlight{animation:highlightSweep 2s ease-in-out infinite}.anim-pulse{animation:pulseScale 1.8s ease-in-out infinite;transform-origin:60px 60px}html[dir=rtl]{direction:rtl}html[dir=rtl] body{font-family:Cairo,Noto Naskh Arabic,Inter,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[dir=rtl] .MuiStack-root{direction:inherit}html[dir=rtl] .MuiTypography-root{text-align:inherit}html[dir=rtl] .rtl-flip{transform:scaleX(-1)}html[dir=rtl] .hero-section{flex-direction:row-reverse!important;text-align:right}html[dir=rtl] .hero-section>*{text-align:right}html[dir=rtl] form,html[dir=rtl] .MuiTextField-root input,html[dir=rtl] .MuiTextField-root textarea{text-align:right}html[dir=rtl] .MuiStack-row{flex-direction:row-reverse}html[dir=rtl] .MuiButton-root{text-align:center}