header{display:flex;flex-direction:column}.dark{backdrop-filter:blur(5px);background-color:transparent}.nav-container{justify-content:space-between}.logo-and-tagline-container{align-items:center;display:flex}.header-vertical-separator{background-color:#fff;height:60px;margin-left:20px;margin-right:20px;opacity:.25;width:1px}.tagline{color:#fff;font-size:1rem;font-weight:500;line-height:110%;margin:0}.header-button,.tagline{font-family:Poppins,sans-serif;white-space:nowrap}.header-button{color:#fff!important;font-size:14px;text-align:center;text-decoration:none;transition:all .3s ease}.header-button-container{align-items:center;display:flex;gap:20px;padding:10px 30px 10px 0}.hamburger-menu{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;justify-content:center;margin-right:20px;padding:10px;position:relative;z-index:101}.hamburger-menu span{background-color:#fff;border-radius:2px;height:2.5px;transition:all .3s ease;width:24px}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(5px);background-color:transparent;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.menu-overlay.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:0;max-height:80vh;overflow-y:auto;padding:0 30px 20px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:1000}.mobile-menu.active{transform:translateY(0)}.mobile-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.mobile-menu-logo{height:75px;width:75px}.mobile-menu-close{align-items:center;background:none;border:none;color:var(--brand-500);cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.mobile-menu-close:hover{opacity:.7}.mobile-menu-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.mobile-menu-button{border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.mobile-menu-login{background-color:var(--brand-500)}.mobile-menu-login:hover{background-color:var(--brand-700)}.notification-bar{display:flex;gap:8px;justify-content:space-between;overflow:hidden;padding:17px 25px;position:relative;transition:all .3s ease;width:100%;z-index:1}.notification-bar:before{background-image:var(--bg-image,url(""));background-position:0 50%;background-size:100%;box-shadow:inset 0 8px 8px rgba(0,0,0,.05);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-1}.notification-text{color:#fff;font-family:Poppins,sans-serif;font-size:1rem;letter-spacing:.2px;line-height:135%}.close-btn{background-image:url();height:24px;padding-right:24px;width:24px}.header-icon{height:75px;width:75px}.search-bar{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1040px;width:100%}.blog-search-title{color:var(--base-white);font-size:12px;margin:0}.search-icon{height:16px;width:16px}.blog-search-button{align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.6));border:none;border-radius:100px;color:var(--base-white);display:flex;font-size:12px;gap:4px;padding:6px 12px}@media (max-width:568px){nav{width:0}.tagline{font-size:.825rem}.header-button-container{gap:12px}.header-button{font-size:.75rem}.try-it-now{padding:5px 10px}}@media (max-width:480px){.header-button{font-size:.625rem}.notification-text{font-size:.75rem}.tagline{font-size:.625rem;margin-left:10px}.header-vertical-separator{display:none}.header-icon{height:50px;width:50px}.logo{padding:0 0 0 12px}.header-button-container{padding:10px 12px 10px 0}}