.site-header,.mobile-nav{--bg:#f6fbfc;--panel:#ffffffd1;--panel-strong:#fff6;--line:#0626301f;--line-strong:#000;--text:#071318;--muted:#5e737b;--soft:#2d4850;--cyan:#008eaa;--green:#3f9309;--shadow:0 24px 70px #0e2b321f;--grid-line:#05232c0b;--header-bg:#ffffff9e;--brand-bg:#008eaa14;--button-text:#f7feff;--button-bg:#06323c;--button-secondary-bg:#ffffffb3;--max:1180px;--xmax-primary:#66ff69;--xmax-primary-hover:#7cff7e;--xmax-primary-rgb:102 255 105;--xmax-fg-on-primary:#212121}.dark .site-header,.dark .mobile-nav{--bg:#030609;--panel:#091319c7;--panel-strong:#07070705;--line:#6aaab329;--line-strong:#ffffff4d;--text:#f4fbff;--muted:#93a9b4;--soft:#c7d9df;--cyan:#45e4ff;--green:#a8ff62;--shadow:0 24px 70px #00000061;--grid-line:#ffffff06;--header-bg:#0a10169e;--brand-bg:#45e4ff14;--button-text:#ecfeff;--button-bg:#030b0eb8;--button-secondary-bg:#ffffff06;--max:1180px}.site-header{z-index:20;box-sizing:border-box;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(12px,2vw,28px);width:100%;max-width:none;height:104px;padding-block:24px;padding-inline:clamp(80px,4vw,104px);transition:background-color .22s,border-color .22s,box-shadow .22s;display:grid;position:fixed;inset:0 0 auto}.site-header-start{grid-column:1;justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.site-header .nav-links,.site-header .auth-header-nav{grid-column:2;justify-self:center;min-width:0}.site-header .header-actions{grid-column:3;justify-self:end;min-width:0}.site-header.is-scrolled{background:var(--header-bg)}.site-header--dogrouter{--panel-strong:#fffffff0;--line-strong:#06263038;--header-bg:#f6fbfce6;height:80px;padding-block:10px;padding-inline:clamp(18px,4vw,56px)}.dark .site-header--dogrouter{--panel-strong:#0c191ff0;--line-strong:#beebf247;--header-bg:#030609e0}.site-header--dogrouter .brand{color:var(--text);gap:14px;text-decoration:none}.site-header--dogrouter .brand img{border-radius:50%}.site-header--dogrouter .nav-links{box-shadow:none;background:0 0;border:0;border-radius:0;gap:30px;padding:0}.site-header--dogrouter .nav-links a{border-radius:0;min-height:auto;padding-inline:0}.site-header--dogrouter .nav-links a:hover,.site-header--dogrouter .nav-links a.is-active{background:0 0}.site-header--dogrouter .nav-links a.is-active{position:relative}.site-header--dogrouter .nav-links a.is-active:after{content:"";inset-inline:0;background:var(--green);height:1px;position:absolute;bottom:-10px}.site-header--dogrouter .header-actions{gap:14px}.site-header--dogrouter .lang-switch,.site-header--dogrouter .theme-switch{border-color:var(--line);min-width:46px;height:34px;color:var(--soft);background:#ffffff09;border-radius:8px;padding:0 10px}.site-header--dogrouter .theme-switch{width:36px;min-width:36px;padding:0}.site-header--dogrouter .theme-switch svg{width:17px;height:17px}.site-header--dogrouter .lang-switch:hover,.site-header--dogrouter .theme-switch:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff09}.site-header--dogrouter .button-small{min-height:38px;padding:0 16px;font-size:13px}.site-header.site-header--solid{background:var(--background)}.brand,.nav-links,.header-actions{align-items:center;display:flex}.brand{gap:14px;font-weight:800}.brand img{flex-shrink:0}.brand-mark{background:var(--brand-bg);width:36px;height:36px;color:var(--cyan);border:1px solid #45e4ff7a;border-radius:8px;place-items:center;font-size:12px;display:grid;box-shadow:inset 0 0 22px #45e4ff14}.nav-links{border:1px solid var(--line-strong);background:var(--background);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:3px;font-size:14px;display:inline-flex;box-shadow:0 8px 26px #07131814}.nav-links a{min-height:32px;color:var(--soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:clamp(12px,1.2vw,22px);text-decoration:none;display:inline-flex}.auth-header-nav{min-width:0;color:var(--soft);justify-content:center;align-items:center;gap:clamp(12px,2.5vw,28px);font-size:14px;display:flex}.auth-header-nav a{white-space:nowrap;text-decoration:none;transition:color .16s,border-color .16s,background .16s}.auth-header-nav a:hover{color:var(--text)}.site-header.site-header--solid.site-header--auth{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(8px,2vw,20px);display:grid}.site-header--auth .site-header-auth-start{align-items:center;gap:10px;display:flex}.site-header--auth .auth-header-nav{width:fit-content;max-width:100%}.site-header--auth .header-actions{justify-self:end}.nav-links a,.ghost-link,.lang-switch,.theme-switch{transition:color .16s,border-color .16s,background .16s}.nav-links a:hover,.nav-links a.is-active,.ghost-link:hover{background:var(--brand-bg);color:var(--text)}.header-actions{gap:16px;font-size:14px}.lang-switch,.theme-switch{border:1px solid var(--line-strong);height:40px;color:var(--text);background:var(--panel-strong);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-switch{cursor:pointer;width:56px;min-width:56px;font:inherit;padding:0 10px}.theme-switch svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.theme-switch svg circle{fill:currentColor;stroke:none}.lang-switch:hover,.theme-switch:hover{background:var(--brand-bg);border-color:var(--text)}.lang-switch{gap:6px;min-width:0;padding-inline:16px;font-size:13px;font-weight:700}.lang-switch>span:first-of-type{font-size:14px;line-height:1}.lang-switch>span:last-of-type{letter-spacing:.02em;font-size:13px}.dark .lang-switch,.dark .theme-switch{background:#07070705}.button{isolation:isolate;background:linear-gradient(90deg, #45e4ff2e, #a8ff621a), var(--button-bg);min-height:48px;color:var(--button-text);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);white-space:nowrap;border:1px solid #45e4ffa3;border-radius:4px;justify-content:center;align-items:center;padding:0 24px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 0 28px #45e4ff24}.button:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 0%,#f4fbff52 48%,#0000 62%);transition:transform .42s;position:absolute;inset:0;transform:translate(-140%)}.button:after{content:"";border-top:1px solid;opacity:.9;border-inline-end:1px solid;width:6px;height:6px;margin-inline-start:12px;transform:rotate(45deg)}[dir=rtl] .button:after{transform:rotate(-135deg)}.button span{z-index:1;position:relative}.button:hover{border-color:#a8ff62b8;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff0b,0 0 36px #45e4ff38}.button:hover:before{transform:translate(140%)}.button-secondary{background:linear-gradient(90deg, #f4fbff0a, #45e4ff14), var(--button-secondary-bg);color:var(--text);border-color:var(--line-strong);box-shadow:none}.button-small{min-height:32px;padding:0 14px;font-size:12px}.button-full{justify-content:center;width:100%}.mobile-menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}[dir=rtl] .site-header-start{flex-direction:row-reverse}.hamburger-line{background:var(--soft);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.site-header.menu-open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.site-header.menu-open .hamburger-line:nth-child(2){opacity:0}.site-header.menu-open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-overlay{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s fade-in;position:fixed;inset:64px 0 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-nav{top:64px;inset-inline-end:0;z-index:16;background:var(--panel-strong);border-inline-start:1px solid var(--line);width:min(320px,85vw);transition:transform .28s;position:fixed;bottom:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000026}[dir=rtl] .mobile-nav{transform:translate(-100%);box-shadow:8px 0 32px #00000026}.mobile-nav.is-open{transform:translate(0)}.mobile-nav-content{flex-direction:column;padding:16px;display:flex}.mobile-nav-link{color:var(--soft);border-bottom:1px solid var(--line);padding:16px 12px;font-size:15px;font-weight:600;text-decoration:none;transition:color .16s,background .16s;display:block}.mobile-nav-link:hover,.mobile-nav-link.is-active{color:var(--text);background:var(--brand-bg)}.mobile-nav-actions{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.mobile-nav-lang{width:100%;font:inherit;justify-content:center;font-size:14px}.mobile-nav-theme{justify-content:center;width:100%;margin:0 auto}.mobile-nav-brand{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:14px;margin-bottom:4px;padding:16px 12px 20px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.mobile-nav-brand img{border-radius:50%;flex-shrink:0}@media (max-width:980px){.nav-links{display:none}.mobile-menu-toggle{display:flex}}@media (max-width:660px){.site-header{height:70px;padding-block:8px;padding-inline:16px}.site-header.menu-open{background:var(--background)}.header-actions .ghost-link,.header-actions .lang-switch,.brand{display:none}.lang-switch,.theme-switch{border-width:1px;height:32px;font-size:12px}.theme-switch{width:38px;min-width:38px;padding:0}.button{width:100%;min-height:44px}.button-small{width:auto;padding-inline:12px}.site-header.site-header--solid.site-header--auth{padding-inline:max(12px, env(safe-area-inset-left,0px)) max(12px, env(safe-area-inset-right,0px));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.site-header--auth .auth-header-nav{display:none}.site-header--auth .brand{min-width:0;max-width:min(148px,46vw);display:flex}.site-header--auth .brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-header--auth .site-header-auth-start{flex:0 auto;min-width:0}.site-header--auth .header-actions{flex-shrink:0;gap:8px}.site-header--auth .header-actions .button-small{max-width:42vw;padding-inline:10px;font-size:12px}.site-header--auth .header-actions .button-small span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
