:root{--color-primary-purple: #C032E7;--color-primary-dark: #320484;--color-primary-medium: #690BC3;--color-primary-deep: #400599;--color-primary-bright: #8410D1;--color-white: #ffffff;--bg-dark-primary: #320484;--bg-dark-secondary: #400599;--bg-dark-tertiary: #690BC3;--bg-dark-overlay: rgba(50, 4, 132, .95);--bg-light-overlay: rgba(192, 50, 231, .05);--bg-light-card: rgba(192, 50, 231, .02);--text-primary-dark: #ffffff;--text-secondary-dark: rgba(255, 255, 255, .9);--text-tertiary-dark: rgba(255, 255, 255, .8);--text-muted-dark: rgba(255, 255, 255, .7);--text-primary-light: #320484;--text-secondary-light: #400599;--text-tertiary-light: #690BC3;--text-dark: #320484;--glass-bg-dark-1: rgba(192, 50, 231, .1);--glass-bg-dark-2: rgba(192, 50, 231, .05);--glass-bg-dark-3: rgba(50, 4, 132, .3);--glass-bg-dark-4: rgba(50, 4, 132, .5);--glass-bg-dark-5: rgba(192, 50, 231, .15);--border-red-light: rgba(192, 50, 231, .3);--border-red-lighter: rgba(192, 50, 231, .2);--border-yellow-light: rgba(132, 16, 209, .3);--border-yellow-lighter: rgba(132, 16, 209, .2);--border-white-light: rgba(255, 255, 255, .2);--border-dark-red-light: rgba(64, 5, 153, .3);--border-orange-light: rgba(105, 11, 195, .3);--border-orange-lighter: rgba(105, 11, 195, .2);--border-black-light: rgba(50, 4, 132, .2);--hover-red-light: rgba(192, 50, 231, .2);--hover-red-medium: rgba(192, 50, 231, .3);--hover-yellow-light: rgba(132, 16, 209, .15);--hover-yellow-medium: rgba(132, 16, 209, .25);--hover-orange-light: rgba(105, 11, 195, .1);--hover-orange-medium: rgba(105, 11, 195, .2);--shadow-red: rgba(192, 50, 231, .4);--shadow-yellow: rgba(132, 16, 209, .3);--shadow-orange: rgba(105, 11, 195, .3);--gradient-background: linear-gradient(135deg, #320484 0%, #400599 50%, #690BC3 100%);--gradient-text-primary: linear-gradient(45deg, #DD91F2, #f6f6f7, #DD91F2);--gradient-text-secondary: linear-gradient(45deg, #DD91F2, #f6f6f7, #DD91F2);--hero-bg-dark: rgba(192, 50, 231, .1);--hero-bg-light: rgba(105, 11, 195, .1)}:root{font-family:Outfit,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--text-primary-dark);background:var(--gradient-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}h1{font-size:2.5em;line-height:1.2;margin-bottom:1rem;background:var(--gradient-text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.8em;margin-bottom:.8rem;color:var(--color-primary-yellow)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary-red);color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--color-primary-darker-red);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-red)}button:focus,button:focus-visible{outline:2px solid var(--color-primary-yellow);outline-offset:2px}a{color:var(--color-primary-yellow);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-red)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .language-switcher{order:-1}[dir=rtl] .contact-content,[dir=rtl] .services-grid,[dir=rtl] .gallery-grid{direction:rtl}[dir=rtl] input,[dir=rtl] textarea{text-align:right}@media(prefers-color-scheme:light){:root{color:#213547;background:linear-gradient(135deg,#e8f4f8,#d4e4ed,#b8d4e8)}h1{background:linear-gradient(45deg,#c0392b,#e67e22,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{color:#e67e22}}.navbar{background:var(--bg-dark-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.brand-name{background:var(--gradient-text-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{color:var(--text-primary-dark);text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease;font-weight:500}.nav-links a:hover{color:var(--color-primary-yellow)}.nav-links a.active{background:var(--hover-red-medium);color:var(--color-primary-yellow);border-bottom:2px solid var(--color-primary-yellow)}.language-switcher{display:flex;gap:.5rem;align-items:center}.lang-btn{background:var(--bg-dark-overlay);padding:.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lang-btn img{width:28px;height:28px;display:block}.lang-btn:hover{background:var(--bg-dark-overlay);border-color:var(--bg-dark-overlay)}.lang-btn.active{background:var(--bg-dark-overlay)}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:.75rem 1rem}.nav-links{width:100%;gap:.1rem;flex-wrap:nowrap;justify-content:space-between}.nav-links a{white-space:nowrap;font-size:.9rem;padding:.35rem .4rem;flex:1;text-align:center}.language-switcher{order:-1}}@media(max-width:480px){.nav-links a{font-size:.7rem;padding:.3rem .4rem}}.page-container{padding:2rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-page{position:relative;text-align:center;min-height:calc(100vh - 80px);padding:0;margin:0;margin-top:-2rem;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.video-background{position:absolute;top:0;left:0;width:100vw;height:50vh;object-fit:cover;z-index:0;opacity:.4;margin:0;padding:0;clip-path:ellipse(100% 100% at 50% 0%)}.video-background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,var(--bg-dark-primary))}.home-content{position:relative;z-index:1;padding:2rem;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px)}.intro{position:relative;z-index:10;font-size:1.3rem;margin:2rem auto;padding:2rem;max-width:700px;color:var(--text-primary-dark);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.intro h1{position:relative;z-index:10;text-shadow:2px 2px 6px rgba(0,0,0,.9);margin-bottom:1rem}.tagline{font-size:3.5rem;font-weight:600;display:block;margin-top:.4rem}.hero-section{margin-top:4rem;padding:3rem;background:var(--hero-bg-dark);border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-red-light)}.dragon-symbol{margin-bottom:1rem;animation:float 3s ease-in-out infinite}.dragon-symbol img{width:120px;height:120px;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section h2{margin-top:1rem}.hero-section p{font-size:1.2rem;color:var(--text-tertiary-dark);margin-top:1rem}@media(prefers-color-scheme:light){.intro{color:var(--text-primary-light)}.hero-section{background:var(--hero-bg-light);border:1px solid var(--border-orange-light)}.hero-section p{color:var(--text-secondary-light)}}@media(max-width:768px){.home-page{min-height:calc(100vh - 60px)}.home-content{min-height:calc(100vh - 60px);padding:1rem}.video-background{height:45vh;object-fit:cover;object-position:center;clip-path:ellipse(100% 100% at 50% 0%)}.intro{font-size:1.1rem;padding:0 1rem}h1{font-size:2rem}}.about-page{max-width:100%;margin:0 auto}.content-section{margin:2rem 0;padding:1rem;background:var(--glass-bg-dark-1);border-radius:10px}.content-section p{font-size:1.2rem;margin-bottom:32px;line-height:1.8;color:var(--text-secondary-dark)}.content-section h3{font-size:1.2rem;margin-bottom:32px;color:var(--text-secondary-dark)}.content-section h2{font-size:1.3rem;margin-bottom:32px;color:var(--color-primary-yellow)}@media(prefers-color-scheme:light){.content-section{background:var(--bg-light-overlay);border-left-color:var(--color-primary-dark-red)}.content-section p{color:var(--text-primary-light)}}.services-page{text-align:center}.services-intro{font-size:1.2rem;margin:1rem 0 3rem;color:var(--text-tertiary-dark)}.services-grid{display:grid;gap:2rem;margin-top:2rem}.services-item{background:var(--glass-bg-dark-1);padding:2rem;border-radius:15px;transition:all .3s ease;border:2px solid transparent}.services-item:hover{transform:translateY(-10px);border-color:var(--color-primary-yellow);background:var(--hover-yellow-light);box-shadow:0 10px 30px var(--shadow-yellow)}.dragon-icon{margin-bottom:1rem}.dragon-icon img{width:80px;height:80px;object-fit:contain}.services-item h3{color:var(--color-primary-yellow);margin-bottom:.5rem}.services-item p{color:var(--text-tertiary-dark);font-style:italic}@media(prefers-color-scheme:light){.services-intro{color:var(--text-secondary-light)}.services-item{background:var(--bg-light-overlay)}.services-item:hover{border-color:var(--color-primary-orange);background:var(--hover-orange-light);box-shadow:0 10px 30px var(--shadow-orange)}.services-item h3{color:var(--color-primary-orange)}.services-item p{color:var(--text-secondary-light)}}.Clients-page{max-width:1200px;margin:0 auto;text-align:center}.clients-subtitle{font-size:1.5rem;margin-top:.5rem;margin-bottom:2rem;color:var(--color-primary-yellow)}.Clients-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.clients-description{font-size:1.15rem;line-height:1.8;color:var(--text-secondary-dark);max-width:900px;margin:0 auto 2rem;text-align:left;padding:0 1rem}@media(prefers-color-scheme:light){.clients-subtitle{color:var(--color-primary-orange)}.clients-description{color:var(--text-primary-light)}}@media(max-width:768px){.clients-subtitle{font-size:1.3rem}.clients-description{font-size:1rem}}.partners-slider-container{width:100%;overflow:hidden;padding:2rem 0;background:var(--glass-bg-dark-2);border-radius:10px;margin:2rem 0}.partners-slider{position:relative;width:100%;overflow:hidden}.partners-track{display:flex;gap:3rem;animation:scroll 10s linear infinite;will-change:transform}.partners-track:hover{animation-play-state:paused}.partner-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--glass-bg-dark-1);border-radius:8px;border:1px solid var(--border-yellow-lighter);transition:all .3s ease;min-width:200px}.partner-item:hover{background:var(--hover-yellow-light);border-color:var(--color-primary-yellow);transform:translateY(-5px);box-shadow:0 5px 20px var(--shadow-yellow)}.partner-name{font-size:1.1rem;font-weight:600;color:var(--text-muted-dark);white-space:nowrap;letter-spacing:.5px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .partners-track{animation:scroll-rtl 40s linear infinite}@keyframes scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@media(prefers-color-scheme:light){.partners-slider-container{background:var(--bg-light-card)}.partner-item{background:var(--bg-light-overlay);border-color:var(--border-orange-lighter)}.partner-item:hover{background:var(--hover-orange-light);border-color:var(--color-primary-orange);box-shadow:0 5px 20px var(--shadow-orange)}.partner-name{color:var(--text-tertiary-light)}}@media(max-width:768px){.partner-item{min-width:150px;padding:.75rem 1.5rem}.partner-name{font-size:.95rem}}.contact-page{max-width:100%;margin:0 auto}.contact-intro{text-align:start;font-size:1.2rem;margin:1rem 0 3rem;color:var(--text-secondary-dark)}.contact-content{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.contact-form{background:var(--glass-bg-dark-1);padding:2rem;border-radius:12px;border:1px solid var(--border-red-light)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-primary-yellow);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem;border-radius:8px;border:1px solid var(--border-white-light);background:var(--glass-bg-dark-3);color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-yellow);background:var(--glass-bg-dark-4)}.submit-btn{width:100%;padding:1rem;font-size:1.1rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.send-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.contact-info{background:var(--glass-bg-dark-1);padding:2rem;border-radius:12px;border:1px solid var(--border-yellow-light)}.contact-info h2{margin-bottom:2rem;text-align:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-column{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--hover-yellow-light);border-radius:8px;transition:all .3s ease;text-decoration:none;color:inherit}.info-item:hover{transform:translateY(-5px);background:var(--hover-yellow-medium);box-shadow:0 5px 15px var(--shadow-yellow)}.info-icon{width:40px;height:40px;object-fit:contain}.info-item p{margin:0;color:var(--text-secondary-dark);line-height:1.6;font-weight:500}@media(max-width:768px){.contact-page{padding:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{padding:1.5rem}.contact-info h2{font-size:1.5rem;margin-bottom:1.5rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-column{gap:1rem}.info-item{justify-content:flex-start;padding:1rem;flex-direction:row}.info-icon{width:32px;height:32px;flex-shrink:0}.info-item p{font-size:.95rem;text-align:left}.contact-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.submit-btn{padding:.9rem;font-size:1rem}}@media(prefers-color-scheme:light){.contact-intro{color:var(--text-primary-light)}.contact-form{background:var(--bg-light-overlay);border-color:var(--border-dark-red-light)}.form-group label{color:var(--color-primary-orange)}.form-group input,.form-group textarea{background:#fff;color:var(--text-dark);border-color:var(--border-black-light)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary-orange)}.contact-info{background:var(--bg-light-overlay);border-color:var(--border-orange-light)}.info-item{background:var(--hover-orange-light)}.info-item:hover{background:var(--hover-orange-medium)}.info-item p{color:var(--text-primary-light)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}
