:root{color-scheme:light dark;--bg-color:#f4f4f4;--text-color:#1a1a1a;--card-bg:#fff;--accent-color:#0070f3;--border-color:#000}.dark-mode{--bg-color:#0d1117;--text-color:#f0f6fc;--card-bg:#161b22;--accent-color:#58a6ff;--border-color:#fff}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.header-grid{align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;padding:1rem}@media(min-width:769px){.header-grid{padding:1rem 1.5rem}}.header-main-nav{align-items:center;display:flex;gap:2rem}.header-main-nav .router-link-exact-active{border-bottom:2px solid var(--border-color)}.header-actions{align-items:center;display:flex;gap:1.5rem}.header-actions .btn-icon{background:none;border:1px solid rgba(var(--text-color),.2);border-radius:8px;color:var(--text-color);cursor:pointer;padding:5px 10px}.header-actions .btn-icon:hover{border-color:#0070f3}@media(max-width:768px){.header-actions{justify-content:flex-end}}.lang-switcher{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:.5rem}.lang-switcher .lang-btn{color:var(--text-color);opacity:.5;text-decoration:none;transition:opacity .2s}.lang-switcher .lang-btn.active{background:linear-gradient(135deg,var(--accent-color),#8a2be2);-webkit-background-clip:text;opacity:1;-webkit-text-fill-color:transparent;display:inline-block}.lang-switcher .lang-btn:hover{opacity:1}.lang-switcher .separator{opacity:.3}.header-main-nav a{color:var(--text-color);text-decoration:none}.header-mobile-menu{background:var(--bg-color);box-shadow:0 6px 20px #0000001a;height:auto;inset:87px 0 0;padding:1rem;position:absolute;z-index:50}.header-mobile-menu .mobile-nav{display:inline-flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.header-mobile-menu a{border:none;color:var(--text-color);display:inline;font-size:1.4rem;text-decoration:none}.header-mobile-menu a.router-link-active{border-bottom:2px solid var(--accent-color);color:var(--accent-color);font-weight:600}.header-mobile-menu .btn-icon{margin-top:1rem}.mobile-toggle-btn{background:var(--bg-color);border:1px solid var(--text-color);border-radius:8px;height:55px;margin:0;padding:0;width:55px}.mobile-toggle-btn svg{height:100%;stroke:var(--text-color);width:100%}.mobile-toggle-btn .ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none}.mobile-toggle-btn .hamRotate.active{transform:rotate(45deg)}.mobile-toggle-btn .hamRotate180.active{transform:rotate(180deg)}.mobile-toggle-btn .line{fill:none;stroke-linecap:round;stroke-width:5.5;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.mobile-toggle-btn .ham4 .bottom,.mobile-toggle-btn .ham4 .top{stroke-dasharray:40 121}.mobile-toggle-btn .ham4.active .bottom,.mobile-toggle-btn .ham4.active .top{stroke-dashoffset:-68px}