:root{--primary-color: #ff6b35;--primary-hover: #ff8c42;--secondary-color: #00d4ff;--secondary-hover: #00a8ff;--bg-primary: #0a0e1a;--bg-secondary: #0f1823;--bg-tertiary: #1a2332;--bg-card: rgba(20, 30, 45, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{overflow-x:hidden;max-width:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Arial,Tahoma;overflow-x:hidden;max-width:100%;position:relative}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #ff6b3566}50%{box-shadow:0 0 20px 10px #ff6b351a}}.skeleton{position:relative;background:linear-gradient(105deg,#ffffff05,#ffffff0d,#ffffff14,#ffffff0d,#ffffff05);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,rgba(255,107,53,.03),transparent);animation:shimmer 1.8s ease-in-out infinite;animation-delay:.3s}.loading{position:relative;pointer-events:none;opacity:.8}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:200px;text-align:center}.loading-spinner{width:48px;height:48px;position:relative;display:inline-block}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.loading-spinner:before{border-top-color:var(--primary-color);animation:spin-primary 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-spinner:after{border-bottom-color:var(--secondary-color);animation:spin-secondary 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation-delay:.15s}@keyframes spin-primary{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}@keyframes spin-secondary{0%{transform:rotate(0) scale(.8)}to{transform:rotate(-360deg) scale(.8)}}.loading-spinner-small{width:16px;height:16px;display:inline-block;position:relative}.loading-spinner-small:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e1ae6;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.container{max-width:1400px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}@media(max-width:1400px){:root{font-size:15px}}@media(max-width:768px){:root{font-size:14px}.container{padding:0 15px}}@media(max-width:480px){:root{font-size:13px}}.scroll-to-top-btn{position:fixed;bottom:30px;left:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8e53);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 20px #ff6b3566;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:9999;animation:fadeIn .3s ease}.scroll-to-top-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 30px #ff6b3599;background:linear-gradient(135deg,#ff8e53,#ff6b35)}.scroll-to-top-btn:active{transform:translateY(-2px) scale(.95)}.scroll-to-top-btn svg{transition:transform .3s ease}.scroll-to-top-btn:hover svg{transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 5px 20px #ff6b3566}50%{box-shadow:0 5px 30px #ff6b35cc}to{box-shadow:0 5px 20px #ff6b3566}}.scroll-to-top-btn:hover{animation:pulse 1.5s infinite}body[dir=rtl] .scroll-to-top-btn{left:auto;right:30px}@media(max-width:768px){.scroll-to-top-btn{bottom:20px;left:20px;width:45px;height:45px}.scroll-to-top-btn svg{width:20px;height:20px}body[dir=rtl] .scroll-to-top-btn{left:auto;right:20px}}@media(max-width:480px){.scroll-to-top-btn{bottom:15px;left:15px;width:40px;height:40px}.scroll-to-top-btn svg{width:18px;height:18px}body[dir=rtl] .scroll-to-top-btn{left:auto;right:15px}}@media(prefers-color-scheme:dark){.scroll-to-top-btn{background:linear-gradient(135deg,#ff8e53,#ffb347)}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#ffb347,#ff8e53)}}.error-notification-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:12px;max-width:500px;pointer-events:none}[dir=rtl] .error-notification-container{right:auto;left:20px}.error-notification{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 10px 40px #dc26264d,0 2px 8px #0003,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);overflow:hidden;animation:slideInRight .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}[dir=rtl] .error-notification{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.error-notification-content{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;position:relative}.error-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;color:#fff}.error-icon-wrapper svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.error-message{flex:1;color:#fff;font-size:.95rem;line-height:1.5;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);word-wrap:break-word;overflow-wrap:break-word}[dir=rtl] .error-message{text-align:right}[dir=ltr] .error-message{text-align:left}.error-close-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.error-close-btn:hover{background:#fff3;transform:scale(1.05)}.error-close-btn:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.error-notification-container{top:10px;right:10px;left:10px;max-width:none}[dir=rtl] .error-notification-container{right:10px;left:10px}.error-notification-content{padding:14px 16px;gap:12px}.error-icon-wrapper{width:36px;height:36px}.error-icon-wrapper svg{width:20px;height:20px}.error-message{font-size:.9rem}.error-close-btn{width:28px;height:28px}.error-close-btn svg{width:18px;height:18px}}@media(max-width:480px){.error-notification-container{top:8px;right:8px;left:8px}[dir=rtl] .error-notification-container{right:8px;left:8px}.error-notification{border-radius:10px}.error-message{font-size:.85rem}}.language-switcher{position:fixed;top:20px;right:20px;z-index:10000}[dir=rtl] .language-switcher{right:auto;left:20px}.language-switcher-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a2332f2;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.language-switcher-btn:hover{background:#1a2332;border-color:#0f8;box-shadow:0 0 20px #0f83}.language-flag{font-size:20px;line-height:1}.language-name{color:#fff}.language-arrow{transition:transform .3s ease}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1a2332fa;border:1px solid rgba(0,255,136,.3);border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080;min-width:150px}[dir=rtl] .language-dropdown{right:auto;left:0}.language-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-size:14px}[dir=rtl] .language-option{text-align:right}.language-option:hover{background:#00ff881a}.language-option.active{background:#0f83;color:#0f8}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#0f8;font-size:18px;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}@keyframes pageEnter{0%{opacity:0;transform:scale(.98) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.App{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Arial,Tahoma;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;text-align:right;animation:fadeIn .3s ease-in}.page-transition{animation:pageEnter .5s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both}.page-transition-exit{animation:pageExit .3s ease-out;animation-fill-mode:both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f1823f2}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#ff6b354d;color:#fff}:focus-visible{outline:2px solid rgba(255,107,53,.5);outline-offset:2px}button{background:none;border:none;font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}html{scroll-behavior:smooth}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.scroll-scale-in{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.scroll-scale-in.visible{opacity:1;transform:scale(1)}.scroll-slide-left{opacity:0;transform:translate(-50px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(50px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.scroll-slide-right.visible{opacity:1;transform:translate(0)}.parallax-element{transition:transform .1s linear;will-change:transform}@keyframes skeleton{0%{background-position:-200% center}to{background-position:200% center}}.skeleton-loader{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite}.page-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}.loader-container{text-align:center;position:relative}.modern-loader{position:relative;width:120px;height:120px;margin:0 auto}.loader-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,215,0,.1);animation:pulse 2s ease-in-out infinite}.loader-ring-inner{position:absolute;top:-3px;left:-3px;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:gold;animation:spin 1s linear infinite}.loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;animation:logoFloat 2s ease-in-out infinite}.loader-progress{width:200px;height:4px;background:#ffffff1a;border-radius:4px;margin:30px auto 20px;overflow:hidden;position:relative}.loader-progress-bar{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffd700 20%,#ffd700 80%,transparent);animation:progressSlide 1.5s ease-in-out infinite}.loader-text{color:#fffc;font-size:16px;font-weight:500;margin-top:10px;letter-spacing:1px;animation:textPulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.6}}@keyframes logoFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes progressSlide{0%{left:-100%}to{left:100%}}@keyframes textPulse{0%,to{opacity:.8}50%{opacity:1}}@media(prefers-color-scheme:dark){.page-loader{background:linear-gradient(135deg,#0a0a0f,#141420,#0a0a0f)}}@media(max-width:768px){.modern-loader{width:100px;height:100px}.loader-logo{width:50px;height:50px}.loader-progress{width:150px}.loader-text{font-size:14px}}