.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--text-primary),transparent 95%);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;font-size:22px}.header.transparent:not(.scrolled) .theme-toggle{color:#fff;background:#ffffff26;backdrop-filter:blur(8px)}.header.transparent.scrolled .theme-toggle{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color)}.theme-toggle:hover{transform:translateY(-2px);background:var(--accent);color:var(--bg-primary)}.theme-toggle:active{transform:scale(.95)}.sun-icon,.moon-icon{position:absolute;display:flex;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}[data-theme=light] .sun-icon{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=light] .moon-icon,[data-theme=dark] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .moon-icon{opacity:0;transform:rotate(-90deg) scale(0)}@media(max-width:768px){.theme-toggle{width:40px;height:40px;font-size:18px}}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:2.5rem 0;position:sticky;top:0;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.transparent{background-color:transparent;border-bottom-color:transparent;position:fixed;width:100%;top:0;padding:1.5rem 0}.header.transparent.scrolled{background-color:color-mix(in srgb,var(--bg-primary),transparent 15%);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:.8rem 0}.logo-img{width:143px;height:auto;display:block;color:var(--text-primary);transition:all .4s ease}.header.transparent .logo-img{color:#fff}.header.transparent.scrolled .logo-img{color:var(--text-primary);width:120px}.actions{display:flex;align-items:center;gap:1rem}.icon-btn{display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .3s ease;font-size:22px;background:color-mix(in srgb,var(--text-primary),transparent 95%);width:44px;height:44px;border-radius:12px;cursor:pointer}.header.transparent .icon-btn{color:#fff;background:#ffffff26;backdrop-filter:blur(8px)}.header.transparent.scrolled .icon-btn{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color)}.icon-btn:hover{transform:translateY(-2px);background:var(--accent);color:var(--bg-primary)}.menu-btn{display:flex;align-items:center;justify-content:center;background-color:var(--text-primary);color:var(--bg-primary);width:44px;height:44px;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0000001a}