.theme-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:10px;border:1px solid var(--line);border-radius:50%;color:var(--white);background:transparent}
.theme-toggle:hover{background:var(--line)}
.theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] .hero.cosmic-hero h1.light-title{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1200px) and (min-width:1001px){.header{gap:12px;padding-inline:22px}.header nav{gap:12px;font-size:12px}.header .brand img{width:140px}}
@media(max-width:540px){.header{gap:7px}.header .brand img{width:100px}.header-ticket{font-size:10px;padding:8px;gap:4px}.theme-toggle{width:40px;height:44px;flex-basis:40px;padding:9px}.menu-toggle{min-width:32px;width:32px}.header-ticket{margin-left:auto}}