@font-face{font-family:Cairo;src:url('../fonts/Cairo-VariableFont_slnt,wght.ttf') format('truetype');font-weight:200 900;font-display:swap;font-style:normal}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Cairo,sans-serif;scroll-behavior:smooth;--color-navy:#011940;--color-cyan:#17BFFF;--color-pale:#8FFFFF;--color-pink:#FF60A0;--brand-cyan-rgb:23,191,255;--brand-pink-rgb:255,96,160;--brand-pale-rgb:143,255,255}#portfolio-track,.hero-content,.portfolio-item,.service-card-wrapper,.service-slide{will-change:transform;contain:layout style paint}.spotlight{will-change:opacity;contain:paint}@media (prefers-reduced-motion:no-preference){.loaded .portfolio-item,.loaded .service-card-wrapper,.loaded .service-slide{will-change:auto}}.perspective-2000{perspective:2000px}.perspective-1000{perspective:1000px}@keyframes spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 12s linear infinite}@keyframes pulse-slow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}@keyframes bounce-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-y{animation:bounce-y 2s ease-in-out infinite}body,html{background-color:#011940;color:#fff;overflow-x:hidden;width:100%}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.tech-surface{background:rgba(1,25,64,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(23,191,255,.1)}.tech-card{background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(1,25,64,.6) 100%);border:1px solid rgba(23,191,255,.1);box-shadow:0 4px 20px rgba(0,0,0,.2);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden}.tech-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(23,191,255,.5),transparent);transform:translateX(-100%);transition:transform .6s ease}.tech-card:hover{border-color:rgba(23,191,255,.4);background:linear-gradient(180deg,rgba(23,191,255,.05) 0,rgba(1,25,64,.8) 100%);box-shadow:0 10px 30px rgba(23,191,255,.1);transform:translateY(-2px)}.tech-card:hover::before{transform:translateX(100%)}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marquee2{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes marquee-reverse{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes marquee-reverse2{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.animate-marquee{animation:marquee 30s linear infinite}.animate-marquee2{animation:marquee2 30s linear infinite}.animate-marquee-reverse{animation:marquee-reverse 30s linear infinite}.animate-marquee-reverse2{animation:marquee-reverse2 30s linear infinite}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--color-cyan);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,width .3s ease,height .3s ease;mix-blend-mode:difference}.logo-modern-container{filter:drop-shadow(0 0 20px rgba(23, 191, 255, .2));animation:sequence-float 6s ease-in-out infinite;transform-origin:center center}.logo-path-draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sequence-draw 6s cubic-bezier(.4,0,.2,1) infinite}.logo-dot-pulse{transform-origin:center;transform-box:fill-box;animation:sequence-dot 6s cubic-bezier(.4,0,.2,1) infinite}.logo-glow-ring>*{transform-box:fill-box;transform-origin:center;opacity:0;animation:sequence-ring 6s cubic-bezier(.4,0,.2,1) infinite}.logo-glow-ring>:first-child{animation-delay:0s}.logo-glow-ring>:nth-child(2){animation-delay:.1s}.logo-glow-ring>:nth-child(3){animation-delay:.2s}.logo-glow-ring>:nth-child(4){animation-delay:.3s}@keyframes sequence-float{0%{transform:translateY(10px) scale(.95)}10%{transform:translateY(0) scale(1)}40%{transform:translateY(0) scale(1)}60%{transform:translateY(-5px) rotate(1deg)}80%{transform:translateY(5px) rotate(-1deg)}100%{transform:translateY(10px) scale(.95)}}@keyframes sequence-draw{0%{stroke-dashoffset:1000;opacity:0}10%{opacity:1}20%{stroke-dashoffset:0}50%{stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 0 transparent)}55%{opacity:.8;stroke-dashoffset:50;filter:drop-shadow(2px 2px 0px rgba(255, 0, 0, .5))}60%{opacity:1;stroke-dashoffset:0;filter:drop-shadow(-2px -2px 0px rgba(0, 255, 255, .5))}65%{opacity:.8;stroke-dashoffset:20;filter:drop-shadow(0 0 0 transparent)}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes sequence-dot{0%{transform:scale(0);opacity:0}25%{transform:scale(1);opacity:1}50%{transform:scale(1);fill:var(--color-cyan)}60%{transform:scale(1.4);fill:#fff;filter:drop-shadow(0 0 10px #fff)}70%{transform:scale(1);fill:var(--color-cyan);filter:none}100%{transform:scale(0);opacity:0}}@keyframes sequence-ring{0%{opacity:0;transform:scale(.8)}20%{opacity:0}30%{opacity:1;transform:scale(1);stroke:#fff;stroke-width:4px}40%{stroke:var(--color-cyan);stroke-width:2px}85%{opacity:1;transform:scale(1);stroke:var(--color-cyan)}100%{opacity:0;transform:scale(.9)}}.logo-circuit-flow{opacity:0;animation:sequence-circuit 12s linear infinite}@keyframes sequence-circuit{0%,40%{opacity:0;stroke-dashoffset:0}45%{opacity:1}85%{opacity:1;stroke-dashoffset:-100}100%{opacity:0}}.sticky-button{position:fixed;bottom:30px;left:30px;z-index:1000}.sticky-button a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#25d366 0,#128c7e 100%);border-radius:50%;box-shadow:0 4px 15px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.5);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);animation:whatsapp-pulse 2s infinite;position:relative;overflow:hidden}.sticky-button a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,transparent 50%);border-radius:50%;opacity:0;transition:opacity .3s ease}.sticky-button a:hover{transform:scale(1.15) rotate(-5deg);box-shadow:0 8px 25px rgba(37,211,102,.5),0 0 30px rgba(37,211,102,.3);animation:none}.sticky-button a:hover::before{opacity:1}.sticky-button .chat-icon{width:32px;height:32px;fill:#ffffff;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.sticky-button a:hover .chat-icon{transform:scale(1.1)}@keyframes whatsapp-pulse{0%{box-shadow:0 4px 15px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 4px 15px rgba(37,211,102,.4),0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 4px 15px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,0)}}.dir-rtl .sticky-button{left:auto;right:30px}@media (max-width:768px){.sticky-button{bottom:20px;left:20px}.sticky-button a{width:55px;height:55px}.sticky-button .chat-icon{width:28px;height:28px}.dir-rtl .sticky-button{left:auto;right:20px}}.iti{width:100%}.iti--inline-dropdown .iti__dropdown-content{position:absolute!important;top:100%!important;left:0!important;right:auto!important;margin-top:5px;z-index:1000}.iti__country-list{background:#0b1e3b!important;border:1px solid rgba(23,191,255,.3)!important;border-radius:8px!important;box-shadow:0 10px 25px rgba(0,0,0,.4)!important;padding:5px 0!important;max-width:280px!important;overflow-x:hidden}@media (max-width:768px){.iti__country-list{width:100%!important;max-width:none!important;left:0!important;right:0!important;top:100%!important;margin-top:2px!important;max-height:250px!important;border-radius:0 0 8px 8px!important;border:1px solid rgba(23,191,255,.4)!important;box-shadow:0 15px 30px rgba(0,0,0,.6)!important;background:#0b1e3b!important;transform:none!important}}.iti--opened .phone-input{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-color:rgba(23,191,255,.6)!important}.iti__country{padding:12px 15px!important}.iti__country-name{font-size:15px!important}.iti__dial-code{font-size:14px!important}.iti__search-input{height:42px!important;font-size:15px!important;margin:5px!important;width:calc(100% - 10px)!important}.iti__country{padding:8px 15px!important;color:#e2e8f0!important;transition:background .2s ease!important}.iti__country.iti__highlight,.iti__country:hover{background:rgba(23,191,255,.1)!important;color:#fff!important}.iti__country-name{font-size:14px!important}.iti__dial-code{color:#94a3b8!important;font-size:13px!important}.iti--separate-dial-code .iti__selected-flag{background:rgba(255,255,255,.05)!important;border-radius:6px 0 0 6px!important;border-right:1px solid rgba(255,255,255,.1)!important}.dir-rtl .iti--separate-dial-code .iti__selected-flag{border-radius:0 6px 6px 0!important;border-right:none!important;border-left:1px solid rgba(255,255,255,.1)!important;direction:ltr!important;left:0!important;right:auto!important}.iti__selected-dial-code{color:#fff!important;font-weight:500!important;margin-left:5px!important;direction:ltr!important}.iti__arrow{border-top-color:#94a3b8!important}.iti__search-input{background:#14284d!important;border:1px solid rgba(23,191,255,.2)!important;color:#fff!important;border-radius:4px!important;margin:8px!important;width:calc(100% - 16px)!important;font-size:14px!important}.contact-form-section input:not([type=submit]):not([type=checkbox]):not(.phone-input),.contact-form-section textarea{background:rgba(1,25,64,.4)!important;border:1px solid rgba(23,191,255,.15)!important;border-radius:8px!important;color:#fff!important;padding:12px 16px!important;transition:all .3s ease!important}.contact-form-section input:not([type=submit]):not([type=checkbox]):not(.phone-input):focus,.contact-form-section textarea:focus{border-color:#17bfff!important;background:rgba(1,25,64,.6)!important;box-shadow:0 0 0 3px rgba(23,191,255,.1)!important;outline:0!important}.contact-form-section label{font-size:.875rem!important;font-weight:600!important;color:#cbd5e1!important;margin-bottom:.5rem!important;display:block!important}.contact-form-section .phone-input{padding-left:90px!important}.dir-rtl .contact-form-section .phone-input{padding-left:90px!important;direction:ltr!important;text-align:left!important}.nice-select,select:not(.iti__search-input){background:rgba(1,25,64,.4)!important;border:1px solid rgba(23,191,255,.15)!important;color:#fff!important;border-radius:8px!important;height:48px!important;line-height:48px!important;padding:0 16px!important;cursor:pointer!important}.nice-select .list{background:#0b1e3b!important;border:1px solid rgba(23,191,255,.3)!important;border-radius:8px!important;width:100%!important;margin-top:4px!important}.nice-select .option{color:#e2e8f0!important;padding:10px 16px!important;line-height:1.5!important}.nice-select .option.selected,.nice-select .option:hover{background:rgba(23,191,255,.1)!important;color:#17bfff!important}.contact-form-section input[type=checkbox]{width:18px!important;height:18px!important;border-radius:4px!important;border:2px solid rgba(23,191,255,.4)!important;background:0 0!important;cursor:pointer!important;position:relative!important;appearance:none!important;margin-top:3px!important}.contact-form-section input[type=checkbox]:checked{background:#17bfff!important;border-color:#17bfff!important}.contact-form-section input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);color:#011940;font-weight:900;font-size:12px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#011940}::-webkit-scrollbar-thumb{background:#1e3a6d;border-radius:5px;border:2px solid #011940}::-webkit-scrollbar-thumb:hover{background:#2b568c}.iti__selected-country,.iti__selected-country-primary{direction:ltr!important;justify-content:flex-start!important}