body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background-attachment:fixed;text-align:center}.App,.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.content{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:100%;padding:clamp(16px,4vw,32px)}.spacing-xs{margin:4px}.spacing-sm{margin:8px}.spacing-md{margin:16px}.spacing-lg{margin:24px}.spacing-xl{margin:32px}.padding-xs{padding:4px}.padding-sm{padding:8px}.padding-md{padding:16px}.padding-lg{padding:24px}.padding-xl{padding:32px}.mobile-full-height{min-height:100vh;min-height:100dvh}@media (max-width:768px){body{overflow-x:hidden}.App{background-attachment:scroll}.content{padding:clamp(8px,2vw,16px)}}:root{--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}.animate-fade-in{animation:fadeIn ease-out .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp ease-out .2s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn ease-out .4s cubic-bezier(.68,-.55,.265,1.55);animation:scaleIn var(--transition-bounce) ease-out}.animate-bounce{animation:bounce .6s ease-in-out}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}html{scroll-behavior:smooth}:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline-offset:2px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a}*{transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#2196f3,#21cbf3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#1976d2,#1cb5e0)}[dir=rtl] .App{font-family:Tajawal,sans-serif}[dir=ltr] .App{font-family:Roboto,sans-serif}[dir=rtl] .text-start{text-align:right}[dir=ltr] .text-start{text-align:left}@media (max-width:768px){.App-header{padding:2rem}}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=ltr] input,[dir=ltr] select,[dir=ltr] textarea{text-align:left}