.header{position:sticky;top:0;left:0;right:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.header--scrolled{background-color:var(--bg-header);box-shadow:0 2px 8px rgba(0,0,0,.2)}.no-scroll{overflow:hidden}.header__logo{display:flex;align-items:center;font-weight:700;font-size:1.8rem;color:#fff;cursor:pointer;user-select:none;gap:.5rem;transition:color .3s ease}.header--scrolled .header__logo h2{color:var(--mode-text)}.header__logo svg{color:var(--primary);font-size:2.2rem;transition:transform .3s ease}.header__logo:hover{color:var(--text)}.header__logo:hover svg{transform:scale(1.1) rotate(10deg)}.header__nav{display:flex;gap:2.5rem;align-items:center;justify-content:space-between}.header__link{color:#fff;text-decoration:none;font-weight:400;transition:color .3s ease;text-transform:uppercase;font-size:14px;font-family:Open Sans,sans-serif}.header--scrolled .header__link{color:var(--mode-text)}.header__link:hover{color:#cbd5e1}.header__btn{background-color:var(--header-btn);color:var(--secondary-btn);border:none;padding:.5rem 1rem;border-radius:32px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.header__btn:hover{background-color:#e0e7ff}.header__hamburger{display:none;cursor:pointer;font-size:2rem;color:#fff}.header--scrolled .header__hamburger{color:var(--mode-text)}.drawer{position:fixed;top:0;right:-250px;height:100vh;width:250px;background-color:var(--secondary);color:white;padding:2rem 1.5rem;box-shadow:-2px 0 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1.5rem;transition:right .3s ease;z-index:1100}.drawer--open{right:0}.drawer__link{color:white;text-decoration:none;font-weight:600;font-size:1rem}.drawer__link:hover{color:#cbd5e1}.drawer__btn{background-color:white;color:#2563eb;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer}.drawer__btn:hover{background-color:#e0e7ff}.sign_drawer__btn{border:1px solid #fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);z-index:998;cursor:pointer}.drawer__close-btn{background:transparent;border:none;color:white;font-size:2rem;font-weight:700;cursor:pointer;align-self:flex-end;margin-bottom:1.5rem;padding:0;line-height:1}.drawer__close-btn:hover{color:#cbd5e1}@media (max-width:768px){.desktop-menu{display:none}.header__hamburger{display:flex}}