.header-container{width:100%;background:linear-gradient(to right,#f6d6ff,#d8d6ff);position:fixed;top:0;left:0;z-index:100}.header-main{background-color:#0a0a0c;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;height:60px;box-shadow:0 0 10px #ffffff05}.logo{display:flex;align-items:center;color:#fff;font-weight:700;font-size:1rem;gap:.5rem}.logo img{height:24px;width:auto}.nav{display:flex;gap:1.5rem}.nav a{color:#ccc;font-weight:500;font-size:.9rem;text-decoration:none;transition:color .3s}.nav a:hover{color:#fff}.cta-button{background-color:#fff;color:#000;border-radius:999px;padding:.4rem 1rem;font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:background .3s}.cta-button:hover{background-color:#f0f0f0}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.mobile-menu-toggle span{width:100%;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle span.active:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle span.active:nth-child(2){opacity:0}.mobile-menu-toggle span.active:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background-color:#0a0a0c;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;padding:1rem 2rem}.mobile-nav a{color:#ccc;font-weight:500;font-size:.9rem;text-decoration:none;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s}.mobile-nav a:hover{color:#fff}.mobile-nav a:last-child{border-bottom:none}.mobile-cta{margin:1rem 2rem;width:calc(100% - 4rem)}@media (max-width: 768px){.header-main{padding:.75rem 1rem}.desktop-nav,.desktop-cta{display:none}.mobile-menu-toggle{display:flex}}@media (max-width: 480px){.header-main{padding:.75rem}.logo{font-size:.9rem}.mobile-nav{padding:1rem}.mobile-cta{margin:1rem;width:calc(100% - 2rem)}}@media (max-width: 1024px) and (min-width: 769px){.nav{gap:1rem}.nav a{font-size:.85rem}.cta-button{padding:.3rem .8rem;font-size:.8rem}}@media (max-width: 360px){.header-main{padding:.5rem}.logo{font-size:.8rem}.mobile-menu-toggle{width:20px;height:16px}}