header{position:fixed;top:0;left:0;right:0;background:rgba(11,14,17,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}header.scrolled{background:rgba(11,14,17,.98);box-shadow:0 2px 20px rgba(0,0,0,.3)}nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;position:relative}.logo{font-size:1.8rem;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:var(--text-color-muted);font-weight:500;transition:var(--transition);position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);transition:width .3s ease}.nav-links a:hover::after{width:100%}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:rgba(11,14,17,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{list-style:none}.dropdown-menu a{display:block;padding:10px 20px;color:var(--text-color);text-decoration:none;transition:all .3s ease;border-radius:0}.dropdown-menu a:hover{background:rgba(108,99,255,.1);color:var(--primary-color);padding-left:25px}.dropdown-menu a::after{display:none}.cta-btn .btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;padding:10px 25px;border-radius:8px;font-weight:600;transition:var(--transition)}.cta-btn .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(108,99,255,.4);color:#fff}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:12px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:44px;min-height:44px;background:0 0;border:none}.mobile-menu:hover{background:rgba(255,255,255,.08);transform:scale(1.05)}.mobile-menu:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-menu:active{transform:scale(.95)}.mobile-menu span{width:28px;height:3px;background:var(--text-color);margin:4px 0;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:3px;display:block;position:relative;transform-origin:center;box-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width:969px){.mobile-menu{display:none!important}.nav-links.active{display:flex!important;position:absolute;top:100%;left:0;right:0;background:rgba(11,14,17,.98);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:20px;border-top:1px solid rgba(255,255,255,.1);z-index:1001}.mobile-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:var(--primary-color)}.mobile-menu.active span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:var(--primary-color)}.mobile-menu.active{background:rgba(255,255,255,.12);transform:scale(1)}}@media (max-width:968px){.nav-links{display:flex;position:absolute;top:100%;left:0;right:0;background:rgba(11,14,17,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:8px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;max-height:calc(100vh - 80px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease;pointer-events:none}.nav-links.active{display:flex;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-links li{list-style:none;margin:0;width:100%}.nav-links>li>a{display:block;padding:16px 20px;color:rgba(255,255,255,.9);text-decoration:none;font-size:16px;font-weight:500;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.nav-links>li>a:hover,.nav-links>li>a:focus{color:var(--primary-color);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateX(8px)}.mobile-menu{display:flex}.mobile-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:var(--primary-color)}.mobile-menu.active span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:var(--primary-color)}.mobile-menu.active{background:rgba(255,255,255,.12);transform:scale(1)}.cta-btn .btn{width:100%;text-align:center;margin-top:10px}.nav-dropdown{width:100%}.dropdown-menu{position:static;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;margin:8px 0 0 0;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;transform:translateY(-5px)}.nav-dropdown.active .dropdown-menu{max-height:300px;opacity:1;transform:translateY(0)}.dropdown-menu li{list-style:none;margin:0;width:100%}.dropdown-menu a{display:block;padding:12px 24px;font-size:14px;color:rgba(255,255,255,.8);text-decoration:none;transition:all .3s ease;border-radius:6px;margin:2px 8px}.dropdown-menu a:hover,.dropdown-menu a:focus{background:rgba(255,255,255,.1);color:var(--primary-color);transform:translateX(8px)}}@media (max-width:640px){nav{padding:12px 0}.logo{font-size:1.5rem}.mobile-menu span{width:22px;height:2px}}@media (max-width:480px){.logo{font-size:1.3rem}.nav-links{padding:15px;gap:15px}}@media (max-width:390px){.cta-btn .btn{padding:8px 20px;font-size:.9rem}}