:root{--primary:#1e88e5;--primary-light:#64b5f6;--primary-dark:#1565c0;--primary-gradient:linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary-light) 100%
  );--accent:#26a69a;--accent-light:#80b7cb;--accent-dark:#00796b;--accent-gradient:linear-gradient(
    135deg,
    var(--accent) 0%,
    var(--accent-light) 100%
  );--secondary:#f8fafc;--secondary-light:#ffffff;--secondary-dark:#e2e8f0;--glass-bg:rgba(255, 255, 255, 0.8);--glass-border:rgba(0, 0, 0, 0.08);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.08);--text-light:#f8f9fa;--text-dark:#212529;--text-muted:#6c757d;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.16);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.2);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.25);--transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl}body{font-family:"Cairo",sans-serif}.glass-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff0;border-bottom:1px solid #fff0;box-shadow:none;transition:var(--transition),backdrop-filter 0.5s cubic-bezier(.16,1,.3,1);height:var(--navbar-height);position:fixed;top:0;left:0;right:0;z-index:1000;transition{background:0.5s ease,backdrop-filter 0.5s ease,box-shadow 0.5s ease,border-color 0.5s ease}border-radius:0 0 20px 20px;margin:0 16px;width:calc(100% - 32px);max-width:1800px;&:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0 0%,rgb(255 255 255 / .4) 50%,#fff0 100%);pointer-events:none}@media (max-width:768px){margin:0;width:100%;border-radius:0}}@keyframes borderPulse{0%{opacity:.7;width:80%}50%{opacity:1;width:90%}100%{opacity:.7;width:80%}}.glass-nav:not(.scrolled):hover{backdrop-filter:saturate(200%) blur(10px);background:linear-gradient(135deg,rgb(255 255 255 / .88) 0%,rgb(255 255 255 / .78) 100%);box-shadow:0 8px 32px rgb(0 0 0 / .15),inset 0 0 0 1px rgb(255 255 255 / .5)}.glass-nav.scrolled{background:rgb(255 255 255 / .95);box-shadow:0 6px 24px rgb(0 0 0 / .12);height:var(--scrolled-navbar-height)}.navbar{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;&::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 4rem);height:1px;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);opacity:0;transition:opacity 0.4s ease}&:hover::after{opacity:1}}.navbar-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:var(--transition);position:relative;z-index:10;padding:.5rem 1rem;border-radius:12px;transform-style:preserve-3d;perspective:1000px;&::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgb(255 255 255 / .1) 0%,#fff0 50%,rgb(255 255 255 / .1) 100%);opacity:0;transition:opacity 0.3s ease;z-index:-1}&:hover{transform:translateY(-2px);&::before{opacity:1}img{transform:translateZ(20px) rotateY(10deg);filter:drop-shadow(0 4px 12px rgb(30 136 229 / .3)) brightness(1.1)}}img{transition:transform 0.5s cubic-bezier(.16,1,.3,1),filter 0.4s ease;transform-style:preserve-3d;will-change:transform}&:hover span::after{width:100%}}@media (max-width:768px){.navbar{padding:0 1rem;&::after{width:calc(100% - 2rem)}}.navbar-brand{padding:.5rem;span{display:none}}}.logo-container{perspective:1200px;position:relative;transition:transform 0.4s cubic-bezier(.34,1.56,.64,1);&::after{content:"";position:absolute;bottom:-8px;left:10%;width:80%;height:15px;background:radial-gradient(ellipse at center,rgb(0 0 0 / .15) 0%,transparent 80%);filter:blur(6px);opacity:0;transition:opacity 0.4s ease,transform 0.4s ease;z-index:-1}&::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle at center,var(--primary-light) 0%,transparent 70%);opacity:0;transition:opacity 0.4s ease;z-index:-1}}.navbar-brand{position:relative;z-index:10;img{height:48px;width:auto;filter:drop-shadow(0 4px 12px rgb(30 136 229 / .3)) contrast(1.1);transition:transform 0.6s cubic-bezier(.34,1.56,.64,1),filter 0.4s ease;transform-style:preserve-3d;will-change:transform;position:relative;z-index:2}&:hover{.logo-container{transform:translateY(-3px);&::after{opacity:1;transform:translateY(5px) scale(.95)}&::before{opacity:.4}}img{transform:translateZ(25px) rotateY(12deg) scale(1.08);filter:drop-shadow(0 6px 16px rgb(30 136 229 / .4)) contrast(1.2) brightness(1.05)}}span{position:relative;display:inline-block;transition:transform 0.4s ease;&::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(.34,1.56,.64,1)}}&:hover span{transform:translateX(5px);&::after{transform:scaleX(1);transform-origin:left}}}@media (hover:hover){.navbar-brand{&:hover img{animation:logoGlow 2s infinite alternate}}}@keyframes logoGlow{0%{filter:drop-shadow(0 6px 16px rgb(30 136 229 / .4)) contrast(1.2) brightness(1.05)}100%{filter:drop-shadow(0 6px 20px rgb(30 136 229 / .6)) contrast(1.3) brightness(1.1)}}.desktop-links{display:flex;align-items:center;gap:1.5rem}.nav-links-container{display:flex;gap:.5rem}.nav-item{position:relative;perspective:1000px}.nav-link{position:relative;font-weight:600;color:var(--text-dark)!important;padding:.75rem 1.5rem!important;text-decoration:none;display:flex;align-items:center;transition:all 0.4s cubic-bezier(.16,1,.3,1);border-radius:12px;overflow:hidden;z-index:1;transform-style:preserve-3d;box-shadow:0 2px 8px rgb(0 0 0 / .05)}.nav-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);opacity:0;z-index:-1;transition:all 0.4s cubic-bezier(.16,1,.3,1);transform:translateZ(-10px)}.nav-link:hover{color:var(--text-light)!important;box-shadow:0 8px 20px rgb(30 136 229 / .3)}.nav-link:hover::before{opacity:1;transform:translateZ(0)}.nav-link i{margin-left:.5rem;transition:all 0.4s cubic-bezier(.34,1.56,.64,1)}.nav-link:hover i{transform:translateX(-5px) scale(1.2)}.nav-link::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(255 255 255 / .5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%,-50%);transform-origin:50% 50%}.nav-link:focus:not(:active)::after{animation:ripple 0.6s ease-out}@keyframes ripple{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(20,20);opacity:0}}.nav-link.active{color:var(--text-light)!important}.nav-link.active::before{opacity:1;background:var(--accent-gradient)}.nav-link:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;position:absolute;bottom:0}.btn-gradient-container{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px rgb(38 166 154 / .25),0 2px 6px rgb(0 0 0 / .05);transition:var(--transition);transform:translateZ(0);will-change:transform;border:none;perspective:1000px;&::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgb(255 255 255 / .4) 0%,rgb(255 255 255 / .1) 50%,rgb(255 255 255 / .4) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}}.btn-gradient{background:var(--accent-gradient);color:#fff;border:none;padding:.8rem 2rem;border-radius:14px;font-weight:800;transition:all 0.6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.75rem;position:relative;z-index:1;cursor:pointer;text-shadow:0 1px 2px rgb(0 0 0 / .2);transform-style:preserve-3d;&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .3) 50%,rgb(255 255 255 / .1) 100%);opacity:0;transition:opacity 0.4s ease;z-index:-1}&:hover{background:var(--primary-gradient);transform:translateY(-4px) translateZ(10px);box-shadow:0 12px 24px rgb(21 101 192 / .3);&::after{opacity:1}i{transform:translateX(5px) scale(1.2)}}&:active{transform:translateY(1px) scale(.98)}i{transition:transform 0.5s cubic-bezier(.34,1.56,.64,1);font-size:1.1em}}.magnetic-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgb(255 255 255 / .4) 0%,transparent 70%);opacity:0;transform:scale(.8);transition:transform 0.6s cubic-bezier(.34,1.56,.64,1),opacity 0.4s ease;pointer-events:none;z-index:0;border-radius:14px;mix-blend-mode:overlay}.btn-gradient-container{&:hover .magnetic-effect{opacity:1;transform:scale(1.5)}&::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(255 255 255 / .6);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%,-50%);transform-origin:50% 50%}&:active::after{animation:ripple 0.6s ease-out}}@keyframes ripple{0%{transform:scale(0,0);opacity:.8}100%{transform:scale(20,20);opacity:0}}@media (hover:hover){.btn-gradient-container{&:hover{transform:translateZ(0)}}}.mobile-menu-btn{--btn-size:52px;--bar-width:24px;--bar-height:3px;--bar-color:var(--text-dark);--hover-color:var(--primary-light);--active-color:var(--primary-dark);border:0;padding:0;border-radius:16px;background:#fff0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:var(--btn-size);height:var(--btn-size);cursor:pointer;transition:all 0.4s cubic-bezier(.16,1,.3,1);z-index:100;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgb(255 255 255 / .7);box-shadow:0 2px 10px rgb(0 0 0 / .1),inset 0 0 0 1px rgb(255 255 255 / .3);&:hover{background:rgb(100 181 246 / .3);transform:translateY(-2px);box-shadow:0 4px 15px rgb(30 136 229 / .2),inset 0 0 0 1px rgb(255 255 255 / .5);.menu-bar{background:var(--primary-dark)}}&:active,&:focus{transform:translateY(1px)}.menu-bar{width:var(--bar-width);height:var(--bar-height);background:var(--bar-color);border-radius:3px;transition:transform 0.4s cubic-bezier(.16,1,.3,1),opacity 0.3s ease,background 0.3s ease;transform-origin:center;position:relative}&.active{background:rgb(255 255 255 / .9);.menu-bar{background:var(--active-color);&:nth-child(1){transform:translateY(9px) rotate(45deg)}&:nth-child(2){opacity:0;transform:translateX(-10px)}&:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}}&::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle at center,rgb(30 136 229 / .1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform 0.6s cubic-bezier(.34,1.56,.64,1),opacity 0.4s ease;z-index:-1;border-radius:inherit}&:active::after{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width:991.98px){.mobile-menu-btn{animation:slideIn 0.5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:0.3s}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}}.menu-bar{--bar-width:28px;--bar-height:3px;--bar-radius:3px;--bar-color:var(--text-dark);--active-color:var(--primary-dark);width:var(--bar-width);height:var(--bar-height);background:var(--bar-color);border-radius:var(--bar-radius);transition:transform 0.5s cubic-bezier(.34,1.56,.64,1),opacity 0.3s ease,background 0.3s ease;transform-origin:center;position:relative;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-light);border-radius:inherit;opacity:0;transition:opacity 0.3s ease}}.mobile-menu-btn{&.active{.menu-bar{background:var(--active-color);&::before{opacity:.3}&:nth-child(1){transform:translateY(calc(var(--bar-height) * 3)) rotate(45deg);animation:bar1Active 0.6s cubic-bezier(.34,1.56,.64,1)}&:nth-child(2){opacity:0;transform:translateX(-10px)}&:nth-child(3){transform:translateY(calc(var(--bar-height) * -3)) rotate(-45deg);animation:bar3Active 0.6s cubic-bezier(.34,1.56,.64,1)}}}}@keyframes bar1Active{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(calc(var(--bar-height) * 2)) rotate(0deg)}100%{transform:translateY(calc(var(--bar-height) * 3)) rotate(45deg)}}@keyframes bar3Active{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(calc(var(--bar-height) * -2)) rotate(0deg)}100%{transform:translateY(calc(var(--bar-height) * -3)) rotate(-45deg)}}.scroll-progress{position:fixed;top:0;left:0;height:4px;width:var(--progress-width);background:linear-gradient(90deg,var(--accent) 0%,var(--primary) 50%,var(--accent) 100%);transition:width 0.1s linear;z-index:9999;box-shadow:0 0 10px rgb(38 166 154 / .5),0 0 20px rgb(30 136 229 / .3);&::after{content:"";position:absolute;top:0;right:0;height:100%;width:8px;background:#fff;filter:blur(4px);opacity:.8;transform:translateX(50%)}&::before{content:"";position:absolute;top:50%;right:0;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(50%,-50%);box-shadow:0 0 10px white,0 0 20px var(--primary-light);animation:pulse 1.5s infinite}}@keyframes pulse{0%{transform:translate(50%,-50%) scale(1);opacity:1}50%{transform:translate(50%,-50%) scale(1.2);opacity:.8}100%{transform:translate(50%,-50%) scale(1);opacity:1}}.scroll-progress{backdrop-filter:blur(calc(var(--progress-width) * 0.05px));-webkit-backdrop-filter:blur(calc(var(--progress-width) * 0.05px))}.offcanvas{background:linear-gradient(135deg,rgb(255 255 255 / .92) 0%,rgb(255 255 255 / .88) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-left:1px solid rgb(255 255 255 / .3);border-image:linear-gradient(to bottom,rgb(255 255 255 / .2) 0%,rgb(255 255 255 / .4) 50%,rgb(255 255 255 / .2) 100%);border-image-slice:1;width:320px;transform:translateX(-100%);box-shadow:-8px 0 32px rgb(0 0 0 / .08),inset 1px 0 0 rgb(255 255 255 / .4),inset 4px 0 8px rgb(255 255 255 / .2);transition:transform 0.5s cubic-bezier(.32,.72,0,1),backdrop-filter 0.6s ease,box-shadow 0.4s ease}.offcanvas.show{transform:translateX(0);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);box-shadow:-12px 0 48px rgb(0 0 0 / .12),inset 1px 0 0 rgb(255 255 255 / .6),inset 6px 0 12px rgb(255 255 255 / .3)}@media (hover:hover){.offcanvas:hover{backdrop-filter:blur(28px) saturate(220%);-webkit-backdrop-filter:blur(28px) saturate(220%)}}@media (max-width:576px){.offcanvas{width:280px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.offcanvas.show{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-100%);opacity:0}}.offcanvas-header{padding:1.5rem;border-bottom:1px solid rgb(0 0 0 / .05);position:relative}.offcanvas-brand{display:flex;align-items:center;gap:1.25rem;position:relative;padding:.5rem 0;transition:all 0.4s cubic-bezier(.16,1,.3,1);&::before{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,rgb(255 255 255 / .3) 0%,transparent 50%,rgb(255 255 255 / .1) 100%);opacity:0;transition:opacity 0.4s ease;z-index:-1;border-radius:12px}&:hover{transform:translateX(5px);&::before{opacity:1}.offcanvas-logo{transform:translateZ(10px) rotateY(10deg);filter:drop-shadow(0 4px 12px rgb(30 136 229 / .3)) brightness(1.1)}.offcanvas-title{&::after{width:100%}}}}.offcanvas-logo{height:40px;width:auto;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .15)) contrast(1.05);transition:transform 0.6s cubic-bezier(.34,1.56,.64,1),filter 0.4s ease;transform-style:preserve-3d;perspective:1000px;will-change:transform;&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgb(255 255 255 / .3) 0%,transparent 20%,transparent 80%,rgb(255 255 255 / .3) 100%);opacity:0;transition:opacity 0.4s ease}&:hover::after{opacity:.6}}.offcanvas-title{font-size:1.3rem;font-weight:800;color:var(--primary-dark);position:relative;transition:color 0.3s ease;&::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width 0.6s cubic-bezier(.16,1,.3,1);border-radius:2px}}@media (max-width:768px){.offcanvas-brand{gap:1rem}.offcanvas-logo{height:34px}.offcanvas-title{font-size:1.1rem}}@keyframes brandSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.offcanvas.show .offcanvas-brand{animation:brandSlideIn 0.6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:0.1s}.btn-close-custom{background:#fff0;border:none;font-size:1.5rem;color:var(--text-muted);transition:all 0.5s cubic-bezier(.34,1.56,.64,1);padding:.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgb(255 255 255 / .2);&:hover{transform:rotate(135deg) scale(1.1);color:var(--primary-dark);background:rgb(30 136 229 / .1);&::before{transform:scale(1);opacity:1}}&:active{transform:rotate(135deg) scale(.95)}&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgb(30 136 229 / .2) 0%,transparent 70%);border-radius:50%;transform:scale(0);opacity:0;transition:all 0.6s cubic-bezier(.34,1.56,.64,1);z-index:-1}&:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}i{transition:transform 0.3s ease}&:hover i{transform:scale(1.2)}}@keyframes fadeIn{from{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.offcanvas.show .btn-close-custom{animation:fadeIn 0.6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:0.2s}.user-profile{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem;border-radius:12px;background:rgb(248 249 250 / .6)}.user-profile{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;margin-bottom:1.75rem;border-radius:16px;background:linear-gradient(to right,rgb(248 249 250 / .7) 0%,rgb(248 249 250 / .4) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .3);box-shadow:0 4px 12px rgb(0 0 0 / .05),inset 0 0 0 1px rgb(255 255 255 / .5);transition:all 0.4s cubic-bezier(.16,1,.3,1);&:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .1),inset 0 0 0 1px rgb(255 255 255 / .7);background:linear-gradient(to right,rgb(248 249 250 / .8) 0%,rgb(248 249 250 / .5) 100%)}}.user-avatar{--size:56px;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:#fff;background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 12px rgb(30 136 229 / .3),inset 0 0 0 2px rgb(255 255 255 / .4);transition:all 0.4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgb(255 255 255 / .8) 0%,transparent 70%);opacity:0;transition:opacity 0.4s ease}&:hover{transform:scale(1.05) rotateZ(5deg);box-shadow:0 6px 20px rgb(30 136 229 / .4),inset 0 0 0 2px rgb(255 255 255 / .6);&::after{opacity:.4}}i{position:relative;z-index:1;text-shadow:0 2px 4px rgb(0 0 0 / .2)}}.user-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.user-name{font-weight:700;color:var(--text-dark);font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;&::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width 0.6s cubic-bezier(.16,1,.3,1)}.user-profile:hover &::after{width:100%}}.user-status{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;&::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 0 2px rgb(38 166 154 / .3);animation:pulse 2s infinite}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}100%{transform:scale(1);opacity:1}}@media (max-width:576px){.user-profile{padding:1rem;gap:1rem}.user-avatar{--size:48px;font-size:2.25rem}.user-name{font-size:1rem}}.mobile-nav-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;position:relative;&::before{content:"";position:absolute;top:0;left:24px;height:100%;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--primary-light) 20%,var(--primary-light) 80%,transparent 100%);opacity:.3}}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:14px;text-decoration:none;color:var(--text-dark);font-weight:700;transition:all 0.5s cubic-bezier(.16,1,.3,1);background:rgb(248 249 250 / .4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .3);box-shadow:0 2px 8px rgb(0 0 0 / .05),inset 0 0 0 1px rgb(255 255 255 / .5);position:relative;overflow:hidden;z-index:1;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);opacity:0;transition:opacity 0.4s ease;z-index:-1}.nav-link-content{display:flex;align-items:center;gap:1.25rem;transition:transform 0.4s ease}i:first-child{font-size:1.3rem;color:var(--primary);transition:all 0.4s ease;min-width:24px;text-align:center}.link-arrow{font-size:.9rem;color:var(--text-muted);transition:all 0.4s ease}&:hover,&.active{color:#fff;transform:translateX(8px);box-shadow:0 4px 16px rgb(30 136 229 / .3),inset 0 0 0 1px rgb(255 255 255 / .7);&::before{opacity:1}i:first-child{color:#fff;transform:scale(1.15)}.link-arrow{color:#fff;transform:translateX(-5px)}.nav-link-content{transform:translateX(5px)}}&::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(255 255 255 / .6);opacity:0;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.6s ease,opacity 0.4s ease}&:active::after{transform:translate(-50%,-50%) scale(20);opacity:0}}@media (min-width:992px){.mobile-nav-link{animation:slideIn 0.6s cubic-bezier(.34,1.56,.64,1) both}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.nav-link-content{display:flex;align-items:center;gap:1rem}.mobile-nav-link i:first-child{font-size:1.1rem;color:var(--primary);transition:all 0.3s ease}.link-arrow{font-size:.8rem;color:var(--text-muted);transition:all 0.3s ease}.mobile-nav-link:hover{background:var(--primary);color:#fff;transform:translateX(-5px)}.mobile-nav-link:hover i:first-child{color:#fff;transform:scale(1.1)}.mobile-nav-link:hover .link-arrow{color:#fff;transform:translateX(-5px)}.offcanvas-cta{margin:2rem 0}.mobile-btn-gradient{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:var(--accent-gradient);color:#fff;border:none;padding:1rem;border-radius:14px;font-weight:700;transition:all 0.4s cubic-bezier(.16,1,.3,1);text-decoration:none;box-shadow:0 4px 15px rgb(38 166 154 / .3)}.mobile-btn-gradient:hover{background:var(--primary-gradient);transform:translateY(-3px);box-shadow:0 8px 25px rgb(30 136 229 / .4)}.offcanvas-footer{margin-top:3rem;padding-top:2rem;position:relative;&::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(30 136 229 / .3) 50%,transparent 100%)}}.social-links{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem;position:relative;&::before,&::after{content:"";position:absolute;width:8px;height:8px;background:var(--primary-light);border-radius:50%;top:50%;transform:translateY(-50%);opacity:.3}&::before{left:10%}&::after{right:10%}}.social-link{--size:42px;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:50%;background:rgb(255 255 255 / .2);color:var(--text-muted);transition:all 0.5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 4px 12px rgb(0 0 0 / .05);&::before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity 0.4s ease;z-index:0}i{position:relative;z-index:1;transition:transform 0.3s ease}&:hover{color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px rgb(30 136 229 / .3);&::before{opacity:1}i{transform:scale(1.2)}}&[href*="facebook"]:hover{background:#1877f2}&[href*="twitter"]:hover{background:#1da1f2}&[href*="instagram"]:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}&[href*="linkedin"]:hover{background:#0a66c2}}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.85rem}.legal-link{color:var(--text-muted);text-decoration:none;position:relative;padding:.25rem .5rem;transition:all 0.3s ease;&::after{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:var(--primary);transition:width 0.4s ease}&:hover{color:var(--primary-dark);&::after{width:100%;right:auto;left:0}}}.copyright{text-align:center;margin-top:1.5rem;font-size:.75rem;color:var(--text-muted);opacity:.7}@media (max-width:576px){.social-links{gap:1rem;&::before,&::after{display:none}}.social-link{--size:38px}.legal-links{gap:.75rem;font-size:.8rem}}.offcanvas.showing{transform:translateX(0)!important}@media (max-width:575.98px){.offcanvas{width:280px}}@media (max-width:991.98px){.desktop-links{display:none!important}}@media (min-width:992px){.mobile-menu-btn{display:none!important}}#hero.hero{position:relative;min-height:96vh;display:grid;place-items:center;overflow:visible;isolation:isolate;background:linear-gradient(to bottom,rgb(255 255 255 / .85),rgb(255 255 255 / .85)),url(/assets/imgs/Cover.avif) center/cover no-repeat;padding-top:40px}#hero.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 400px at 80% -20%,rgb(30 136 229 / .18),transparent),radial-gradient(800px 400px at 10% -10%,rgb(38 166 154 / .14),transparent);z-index:0}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 0.95fr;gap:2.2rem;align-items:center;padding-block:4.5rem 7.5rem}.hero-right{order:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--glass-border);color:var(--primary-dark);font-weight:800;font-size:.95rem;box-shadow:var(--shadow-sm)}.hero-title{margin:.75rem 0 .5rem;font-size:clamp(1.9rem, 2.7vw + 1rem, 3rem);line-height:1.2;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#fff0;font-weight:800}.hero-desc{margin:0 0 1.25rem;color:var(--text-muted);line-height:1.8;font-size:1.05rem}.counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;position:relative}.counter-card{background:rgb(255 255 255 / .5);border:1px solid rgb(255 255 255 / .15);border-radius:20px;padding:1.75rem 1.25rem;box-shadow:0 10px 25px rgb(0 0 0 / .1),inset 0 1px 0 rgb(255 255 255 / .1);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-align:center}.counter-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(67 97 238 / .1) 0%,rgb(255 107 107 / .1) 100%);opacity:0;transition:opacity 0.4s ease;z-index:0}.counter-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px rgb(67 97 238 / .15),inset 0 1px 0 rgb(255 255 255 / .2)}.counter-card:hover::before{opacity:1}.counter-num{font-size:2.5rem;font-weight:900;color:var(--primary);line-height:1.1;margin-bottom:.5rem;position:relative;z-index:1;background:linear-gradient(135deg,var(--primary) 30%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;text-shadow:0 4px 10px rgb(0 0 0 / .1);transition:all 0.4s ease}.counter-card:hover .counter-num{transform:scale(1.1)}.counter-label{color:var(--text-muted);font-weight:600;margin-top:.5rem;font-size:1rem;position:relative;z-index:1;letter-spacing:.5px;text-shadow:0 2px 4px rgb(0 0 0 / .2)}.hero-left{order:1}.window{position:relative;border-radius:20px;background:#fff;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);overflow:hidden}.window-topbar{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,#fafafa,#f3f6fb)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.window-media{aspect-ratio:16/11;background:url(/assets/imgs/techinical.avif) center/cover no-repeat;filter:saturate(1.02) contrast(1.03);position:relative}.window-overlay{position:absolute;inset:0;background:radial-gradient(60% 40% at 80% -10%,rgb(255 255 255 / .25),transparent);pointer-events:none}.badge-float{position:absolute;top:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .65rem;border-radius:999px;background:var(--accent-gradient);color:#fff;font-weight:800;font-size:.85rem;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.brand-link{display:flex;align-items:center;justify-content:center;height:80px;padding:12px;border-radius:16px;background:rgb(255 255 255 / .8);box-shadow:0 4px 12px rgb(0 0 0 / .05),inset 0 1px 0 rgb(255 255 255 / .8);filter:grayscale(100%) opacity(.7);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:translateZ(0)}.brand-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(67 97 238 / .05) 0%,rgb(255 107 107 / .05) 100%);opacity:0;transition:opacity 0.3s ease}.brand-link:hover{filter:none;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgb(67 97 238 / .15),inset 0 1px 0 rgb(255 255 255 / .9)}.brand-link:hover::before{opacity:1}.brand-link img{max-height:48px;width:auto;object-fit:contain;transition:transform 0.3s ease}.brand-link:hover img{transform:scale(1.1)}@media (max-width:992px){.hero-inner{grid-template-columns:1fr;padding-block:3.5rem 9rem}.hero-left{order:2}.hero-right{order:1;text-align:center}.counters{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.counters{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.services-section{padding:140px 0;background:var(--secondary);overflow:hidden}@keyframes floatBackground{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,20px) rotate(1deg)}66%{transform:translate(-20px,30px) rotate(-1deg)}}.services-section .section-title{color:var(--primary-dark);font-weight:800;font-size:3.5rem;margin-bottom:20px;letter-spacing:-.5px;position:relative;display:inline-block}.services-section .section-title::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:5px;background:var(--accent-gradient);border-radius:3px}.section-subtitle{color:var(--text-muted);font-size:1.25rem;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.services-grid{position:relative;z-index:2}.service-card{background:var(--glass-bg);border-radius:24px;padding:45px 35px;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--glass-border);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;perspective:1000px;z-index:1}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);opacity:0;border-radius:24px;transition:var(--transition);z-index:-1}.service-card::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--accent-gradient);border-radius:26px;z-index:-2;opacity:0;transition:var(--transition)}.service-card:hover{transform:translateY(-15px) rotate3d(1,0,0,5deg);box-shadow:var(--shadow-xl),0 25px 50px rgb(30 136 229 / .2)}.service-card:hover::before{opacity:1}.service-card:hover::after{opacity:.3;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,100%{opacity:.3}50%{opacity:.6}}.icon{position:relative;width:80px;height:80px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;background:var(--secondary-light);border-radius:20px;box-shadow:var(--shadow-md);transition:var(--transition);transform-style:preserve-3d}.service-card:hover .icon{transform:translateZ(20px) scale(1.1);background:rgb(255 255 255 / .2);box-shadow:0 8px 32px rgb(0 0 0 / .1)}.service-card .icon{position:relative;width:80px;height:80px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;background:var(--secondary-light);border-radius:50%;box-shadow:var(--shadow-md);transition:var(--transition)}.service-card:hover .icon{transform:scale(1.1) rotate(5deg);background:rgb(255 255 255 / .2);box-shadow:0 8px 32px rgb(0 0 0 / .1)}.service-card .icon{font-size:2.5rem;color:var(--primary);transition:var(--transition)}.service-card:hover .icon{color:var(--text-light);transform:scale(1.1)}.card-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);transition:var(--transition);margin-bottom:20px;position:relative}.card-title::after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--accent);border-radius:2px;transition:var(--transition)}.service-card:hover .card-title{color:var(--text-light)}.service-card:hover .card-title::after{width:80px;background:var(--text-light)}.card-text{color:var(--text-muted);transition:var(--transition);line-height:1.7;font-size:1.1rem;margin-bottom:25px}.service-card:hover .card-text{color:rgb(255 255 255 / .95)}.service-card:hover .card-text{color:rgb(255 255 255 / .95);transform:translateX(3px)}.service-card .read-more{display:inline-flex;align-items:center;color:var(--primary);font-weight:600;text-decoration:none;margin-top:25px;transition:var(--transition);opacity:0;transform:translateY(20px)}.service-card:hover .read-more{opacity:1;transform:translateY(0);color:var(--text-light)}.service-card .read-more::after{content:"→";margin-left:8px;transition:var(--transition)}.service-card .read-more:hover::after{transform:translateX(5px)}@media (max-width:768px){.services-section{padding:80px 0}.section-title{font-size:2.2rem}.services-grid{grid-template-columns:1fr;gap:25px}.service-card{padding:35px 25px}}.service-badge{position:absolute;top:10px;left:-10px;background:var(--accent-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 6px 15px rgb(255 107 107 / .4);z-index:3;transform:rotate(-15deg) scale(.95);transition:var(--transition);animation:pulse 2s ease-in-out infinite;display:flex;align-items:center;gap:6px}.service-badge::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .5),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.7}.service-card:hover .service-badge{transform:rotate(-5deg) scale(1.05);animation:none;box-shadow:0 8px 20px rgb(255 107 107 / .6)}@keyframes pulse{0%,100%{transform:rotate(-15deg) scale(.95)}50%{transform:rotate(-15deg) scale(1)}}@media (hover:none){.service-card{transform:none!important}.service-card::before,.service-card::after{opacity:0.1!important}.service-card .read-more{opacity:1;transform:translateY(0)}}.about-us{background:#0f172a;border:1px solid rgb(255 255 255 / .1);border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .3);padding:50px;width:100%;overflow:hidden;position:relative;z-index:2}.video-side{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgb(0 0 0 / .25);height:100%;display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;height:0;padding-bottom:75%;border-radius:16px;overflow:hidden;transform:translateZ(0)}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;transition:var(--transition)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgb(67 97 238 / .1) 0%,rgb(255 107 107 / .1) 100%);border-radius:16px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgb(255 255 255 / .2);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:3}.play-button i{color:#fff;font-size:24px;margin-left:3px}.play-button:hover{background:var(--primary);transform:translate(-50%,-50%) scale(1.1)}.video-side:hover .video-background{transform:scale(1.05)}.section-title{font-size:2.8rem;color:#fff;margin-bottom:25px;font-weight:700;position:relative;display:inline-block;text-shadow:0 2px 10px rgb(0 0 0 / .3)}.section-title::after{content:"";position:absolute;bottom:-10px;right:0;width:70px;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:2px}.section-description{font-size:1.15rem;color:rgb(255 255 255 / .9);margin-bottom:25px;line-height:1.8;position:relative;padding-right:20px;text-shadow:0 1px 3px rgb(0 0 0 / .2)}.section-description::before{content:"";position:absolute;right:0;top:10px;width:8px;height:8px;background:var(--secondary);border-radius:50%}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--primary-dark));border:none;border-radius:50px;padding:14px 35px;font-size:1.1rem;font-weight:500;color:#fff;transition:var(--transition);box-shadow:0 5px 15px rgb(67 97 238 / .3);position:relative;overflow:hidden;z-index:1;display:inline-block;text-shadow:none}.btn-primary::before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(45deg,var(--secondary),var(--primary));transition:var(--transition);z-index:-1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(67 97 238 / .4);color:#fff}.btn-primary:hover::before{width:100%}.icon-container{display:none}.floating-icons{position:absolute;width:100%;height:100%;top:0;right:0;pointer-events:none;z-index:-1}.floating-icon{position:absolute;font-size:1.5rem;opacity:.3;color:#fff}.floating-icon:nth-child(1){top:20%;right:10%;animation:float 6s ease-in-out infinite}.floating-icon:nth-child(2){top:60%;right:80%;animation:float 7s ease-in-out infinite 1s}.floating-icon:nth-child(3){top:40%;right:70%;animation:float 5s ease-in-out infinite 0.5s}.floating-icon:nth-child(4){top:70%;right:20%;animation:float 8s ease-in-out infinite 1.5s}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}100%{transform:translateY(0) rotate(0deg)}}@media (max-width:992px){.about-us{padding:30px}.section-title{font-size:2.3rem}.section-description{font-size:1.05rem}.video-container{padding-bottom:56.25%}}@media (max-width:768px){.about-us{padding:25px}.section-title{font-size:2rem}.btn-primary{padding:12px 30px}.play-button{width:60px;height:60px}}@media (max-width:576px){.video-container{padding-bottom:70%}}@media (min-width:992px){.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}}.feature-split{background:radial-gradient(1200px 600px at 85% 30%,var(--secondary) 0%,var(--secondary-light) 40%,rgb(235 235 235 / .9) 100%);position:relative;overflow:hidden;padding:80px 0}.feature-split::before{content:"";position:absolute;inset:-20% -10% auto auto;width:45vmax;height:45vmax;background:var(--primary-gradient);opacity:.06;filter:blur(80px);border-radius:50%;pointer-events:none;z-index:0}.feature-split::after{content:"";position:absolute;inset:20% -20% auto auto;width:35vmax;height:35vmax;background:var(--accent-gradient);opacity:.04;filter:blur(60px);border-radius:50%;pointer-events:none;z-index:0}.eyebrow-badge{padding:8px 16px;border-radius:100px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);backdrop-filter:saturate(180%) blur(10px);color:var(--primary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;transition:var(--transition)}.eyebrow-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.display-6{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:24px}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#fff0;position:relative}.underline-accent,.underline-primary{position:relative;white-space:nowrap;z-index:1;color:#000}.underline-accent::after,.underline-primary::after{content:"";position:absolute;inset-inline-start:0;bottom:12px;width:100%;height:8px;border-radius:999px;opacity:.3;z-index:-1;transition:var(--transition)}.underline-accent::after{background:var(--accent-gradient)}.underline-primary::after{background:var(--primary-gradient)}.text-gradient:hover .underline-accent::after,.text-gradient:hover .underline-primary::after{height:12px;opacity:.4}.lead{font-size:1.2rem;line-height:1.7;margin-bottom:32px;color:rgb(255 255 255 / .85)}.feature-list{margin-bottom:40px}.feature-list li{padding:20px;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:var(--transition);backdrop-filter:blur(10px);position:relative;overflow:hidden}.feature-list li::before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);opacity:0;transition:var(--transition);z-index:-1}.feature-list li+li{margin-top:16px}.feature-list li:hover{transform:translateY(-5px) translateX(-5px);box-shadow:var(--shadow-lg);border-color:rgb(255 255 255 / .25)}.feature-list li:hover::before{opacity:.3}.icon-bullet{flex:0 0 52px;width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;box-shadow:var(--shadow-md);transition:var(--transition);font-size:1.2rem}.feature-list li:hover .icon-bullet{transform:scale(1.1) rotate(8deg);box-shadow:0 8px 20px rgb(67 97 238 / .4)}.feature-list h6{font-size:1.2rem;font-weight:800;margin-bottom:8px}.feature-list p{font-size:.95rem;line-height:1.6;color:rgb(255 255 255 / .8);margin-bottom:0}.d-flex.gap-3{gap:16px!important}.feature-split .btn{padding:16px 32px;border-radius:14px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);position:relative;overflow:hidden;z-index:1}.btn-gradient{background:var(--primary-gradient);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-gradient::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:01;transition:var(--transition);z-index:-1}.btn-gradient:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-gradient:hover::before{opacity:1}.btn-soft{background:rgb(0 0 0 / .1);color:#000;border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.btn-soft:hover{background:rgb(255 255 255 / .15);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgb(255 255 255 / .3)}.image-wrap{position:relative;margin:0 auto}.image-wrap img{display:block;width:100%;height:auto;transition:var(--transition);transform:translateZ(0)}.image-wrap:hover img{transform:scale(1.05)}.floating-card{position:absolute;inset:auto 8% -20px auto;padding:16px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:18px;backdrop-filter:saturate(180%) blur(12px);display:flex;align-items:center;gap:12px;z-index:3;transition:var(--transition);animation:float 3s ease-in-out infinite}.floating-card:hover{transform:translateY(-5px);animation:none}.badge-chip{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md);font-size:1.1rem;transition:var(--transition)}.floating-card:hover .badge-chip{transform:scale(1.1) rotate(12deg)}.floating-card .fw-bold{font-size:.95rem;margin-bottom:2px}.floating-card .text-muted{font-size:.8rem}.shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgb(255 255 255 / .25) 40%,transparent 60%);border-radius:inherit;mix-blend-mode:overlay;pointer-events:none;animation:shine-move 4.5s cubic-bezier(.16,1,.3,1) infinite;opacity:.6}@keyframes shine-move{0%{transform:translateX(-60%)}50%{transform:translateX(60%)}100%{transform:translateX(-60%)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}@media (min-width:992px){.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}}@media (max-width:991px){.display-6{font-size:2.25rem}.feature-split{padding:60px 0}}@media (max-width:768px){.display-6{font-size:2rem}.floating-card{inset:auto 5% -15px auto;padding:12px 16px}.feature-list li{padding:16px}.icon-bullet{width:44px;height:44px;flex:0 0 44px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.feature-list li:hover,.btn:hover,.floating-card:hover,.image-wrap:hover img{transform:none!important}}.contact-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);position:relative;z-index:1;overflow:hidden}.contact-section::before{content:"";position:absolute;width:300px;height:300px;background:var(--primary);opacity:.05;border-radius:50%;top:-100px;left:-100px;z-index:-1}.contact-section::after{content:"";position:absolute;width:200px;height:200px;background:var(--accent);opacity:.05;border-radius:50%;bottom:-50px;right:-50px;z-index:-1}.section-header h2{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font-size:2.5rem;position:relative;display:inline-block}.section-header h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-gradient);border-radius:2px}.section-header p{font-size:1.1rem;max-width:600px;margin:1rem auto 0;line-height:1.6}.glass-effect{background:rgb(255 255 255 / .8);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .5);box-shadow:0 10px 25px rgb(0 0 0 / .05),inset 0 1px 0 rgb(255 255 255 / .8);border-radius:20px;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);padding:2rem!important}.glass-effect:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 15px 35px rgb(0 0 0 / .1),inset 0 1px 0 rgb(255 255 255 / .8);background:rgb(255 255 255 / .9)}.contact-card h5{display:flex;align-items:center;font-weight:600;margin-bottom:1rem;color:#2d3748;font-size:1.2rem}.contact-card h5 i{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font-size:1.3rem;width:30px}.contact-card p,.contact-card ul{margin-left:30px;color:#4a5568}.contact-card ul{list-style:none;padding:0}.contact-card ul li{margin-bottom:8px;transition:all 0.3s ease;padding:6px 12px;border-radius:8px;position:relative;overflow:hidden}.contact-card ul li::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary);opacity:0;transition:opacity 0.3s ease}.contact-card ul li:hover{background:rgb(99 102 241 / .05);transform:translateX(8px);color:var(--primary)}.contact-card ul li:hover::before{opacity:1}.contact-card a{transition:all 0.3s ease;position:relative}.contact-card a:hover{color:var(--primary)!important}.contact-card a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width 0.3s ease}.contact-card a:hover::after{width:100%}.map-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 15px 30px rgb(0 0 0 / .1);transition:all 0.4s ease;height:400px}.map-wrapper:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.map-wrapper iframe{transition:all 0.5s ease;height:100%;width:100%;filter:saturate(.9) contrast(1.05)}.map-wrapper:hover iframe{filter:saturate(1.1) contrast(1.1);transform:scale(1.03)}@media (max-width:992px){.contact-card{margin-bottom:2rem}.section-header h2{font-size:2rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-card>*{animation:fadeInUp 0.5s ease forwards}.contact-card ul li:nth-child(1){animation-delay:0.1s}.contact-card ul li:nth-child(2){animation-delay:0.2s}.contact-card ul li:nth-child(3){animation-delay:0.3s}.contact-card ul li:nth-child(4){animation-delay:0.4s}.contact-card ul li:nth-child(5){animation-delay:0.5s}.contact-card ul li:nth-child(6){animation-delay:0.6s}.contact-card ul li:nth-child(7){animation-delay:0.7s}.floating-buttons{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:15px;z-index:9999}.float-btn{position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:24px;box-shadow:var(--shadow-md);transition:all 0.3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;overflow:hidden}.float-btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:50%;z-index:-1}.float-btn::after{content:"";position:absolute;width:100%;height:100%;background:rgb(255 255 255 / .2);border-radius:50%;transform:scale(0);opacity:0;transition:transform 0.4s ease,opacity 0.3s ease}.float-btn:hover::after{transform:scale(1.8);opacity:1}.float-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-lg)}.float-btn:active{transform:translateY(2px) scale(.95)}.btn-call{background:var(--primary-gradient)}.btn-call2{background:var(--accent-gradient)}.btn-whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.btn-call,.btn-call2{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(67 97 238 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.float-btn .btn-label{position:absolute;right:70px;background:var(--glass-bg);backdrop-filter:blur(10px);color:var(--text-dark);padding:8px 15px;border-radius:12px;white-space:nowrap;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);opacity:0;transform:translateX(15px) scale(.9);transition:all 0.3s ease;pointer-events:none;border:1px solid var(--glass-border)}.float-btn:hover .btn-label{opacity:1;transform:translateX(0) scale(1)}.btn-whatsapp::before{content:"";position:absolute;top:5px;left:5px;width:12px;height:12px;background:#25d366;border-radius:50%;border:2px solid #fff;animation:ping 1.5s ease-in-out infinite both}@keyframes ping{0%{transform:scale(.2);opacity:.8}80%{transform:scale(1.2);opacity:0}100%{transform:scale(2.2);opacity:0}}@media (max-width:768px){.floating-buttons{bottom:20px;right:15px}.float-btn{width:55px;height:55px;font-size:22px}.float-btn .btn-label{font-size:12px;padding:6px 12px;right:65px}}.floating-buttons.expanded{gap:12px}.floating-buttons.expanded .float-btn{border-radius:30px;width:auto;padding:0 20px;justify-content:flex-start}.floating-buttons.expanded .btn-label{position:static;opacity:1;transform:none;background:#fff0;box-shadow:none;border:none;padding:0 10px;margin-right:5px}.floating-buttons.expanded .float-btn::after{display:none}.toggle-expand{position:fixed;bottom:95px;right:32px;width:35px;height:35px;border-radius:50%;background:rgb(0 0 0 / .1);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:var(--text-dark);font-size:16px;cursor:pointer;z-index:10000;transition:var(--transition)}.toggle-expand:hover{background:rgb(0 0 0 / .15)}@media (max-width:768px){.toggle-expand{bottom:90px;right:22px;width:30px;height:30px}}.phone-grid-container{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-lg);padding:2rem;width:100%;max-width:900px;margin:0 auto}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{color:var(--secondary);font-size:2.2rem;margin-bottom:.5rem;font-weight:700}.section-header p{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.phone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.phone-item{background:var(--card-bg);border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;overflow:hidden}.phone-item::before{content:"";position:absolute;top:0;right:0;width:4px;height:0;background:var(--primary-light);transition:height 0.4s ease}.phone-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.phone-item:hover::before{height:100%}.phone-icon{width:45px;height:45px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;flex-shrink:0;color:var(--text-light);font-size:1.2rem;box-shadow:0 4px 10px rgb(67 97 238 / .3)}.phone-content{flex-grow:1}.phone-number{display:block;font-weight:600;font-size:1.1rem;color:var(--text-dark);margin-bottom:.2rem;transition:var(--transition)}.phone-type{font-size:.85rem;color:#64748b;display:block}.phone-item:hover .phone-number{color:var(--primary)}.phone-actions{display:flex;gap:10px;margin-top:.8rem}.action-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--primary);transition:var(--transition);font-size:.9rem;border:none;cursor:pointer}.action-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.call-btn{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);color:#fff}.whatsapp-btn{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff}.copy-feedback{position:fixed;bottom:20px;right:20px;background:var(--secondary);color:#fff;padding:10px 20px;border-radius:8px;box-shadow:var(--shadow-md);opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease;z-index:1000}.copy-feedback.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.phone-grid{grid-template-columns:1fr}.phone-grid-container{padding:1.5rem}}@media (max-width:480px){.phone-item{flex-direction:column;text-align:center;padding:1.5rem}.phone-icon{margin-left:0;margin-bottom:15px}.phone-actions{justify-content:center}}.footer-section{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-top:1px solid rgb(255 255 255 / .1);box-shadow:0 -4px 20px rgb(0 0 0 / .15),inset 0 1px 0 rgb(255 255 255 / .05);font-size:15px;padding:2.5rem 0 1rem;position:relative;overflow:hidden}.footer-section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(66 153 225 / .5) 50%,transparent 100%)}.footer-section p{margin:0;color:#a0aec0;text-align:center;font-weight:400;letter-spacing:.02em}.footer-links{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%);border-top:1px solid rgb(255 255 255 / .08);padding:1.2rem 0;backdrop-filter:blur(10px)}.footer-link{color:#e2e8f0;text-decoration:none;font-weight:500;transition:all 0.3s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;border-radius:6px;position:relative;display:inline-block}.footer-link::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#4299e1,#667eea);transition:width 0.3s ease}.footer-link:hover{color:#fff;text-decoration:none;background:rgb(66 153 225 / .1);transform:translateY(-2px)}.footer-link:hover::before{width:80%}.footer-links-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-social{display:flex;justify-content:center;gap:1.2rem;margin-top:1.5rem}.footer-social-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);color:#e2e8f0;transition:all 0.3s ease}.footer-social-icon:hover{background:linear-gradient(135deg,#4299e1 0%,#667eea 100%);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgb(66 153 225 / .3)}@media (max-width:768px){.footer-section{padding:2rem 0 .8rem}.footer-links-container{flex-direction:column;align-items:center;gap:.8rem}.footer-link{padding:.4rem .8rem}.footer-social{gap:1rem}.footer-social-icon{width:36px;height:36px}}a{text-decoration:none}