:root{--header-height:84px}html{scroll-padding-top:calc(var(--header-height) + 20px)}.section[id],#home,#main{scroll-margin-top:calc(var(--header-height) + 20px)}.header{position:fixed;inset:0 0 auto;z-index:40;height:var(--header-height);padding:0 max(24px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;background:#10201eed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #c0d4ad29;box-shadow:0 6px 24px #06151026}.header .brand{font-size:25px;gap:10px}.header .brand svg{width:26px;height:30px}.desktop-nav{display:flex;justify-content:center;gap:clamp(10px,1.15vw,20px);align-items:center;white-space:nowrap}.desktop-nav a{font-size:11px;padding:12px 0;color:#bfccba;transition:color .18s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#f3bd70}.header-actions{display:flex;align-items:center;gap:14px}.header-actions>.button-small{font-size:11px;gap:16px;white-space:nowrap;padding:12px 15px;min-height:44px}.language-switch{display:flex;border:1px solid #b4c69c33;border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.language-switch a{font-size:10px;line-height:1;min-width:29px;min-height:32px;display:grid;place-items:center;border-radius:5px;color:#a9bba5}.language-switch a[aria-current=page]{background:#e6c48a;color:#192a23;font-weight:700}.language-switch a:hover{color:#fff;background:#496047}.language-switch a[aria-current=page]:hover{color:#192a23;background:#efd19b}.header .menu-toggle{display:none}.mobile-nav{top:100%;margin:0;background:#11251ff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #c2d6ac38;padding:18px 24px 24px;box-shadow:0 18px 30px #04110c70}.mobile-nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.mobile-nav a{font-size:15px;padding:16px 8px;border-bottom:1px solid #b8cfa61c;min-height:52px}.mobile-nav a:hover{color:#f3bd70}.header .menu-toggle{height:44px;width:44px;border:1px solid #b4c69c33;border-radius:8px;padding:10px}.menu-toggle span{width:22px;margin:5px 0;transition:transform .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.skip{z-index:60}.hero{min-height:900px}.hero-content{padding-top:calc(var(--header-height) + 65px)}
:lang(ru) .hero h1{font-size:clamp(56px,6vw,84px)}:lang(ru) .hero-premise{font-size:clamp(20px,2vw,26px)}:lang(ru) .section h2{font-size:clamp(34px,3.4vw,49px)}:lang(ru) .render-section h2{max-width:680px}:lang(ru) .hero-content>p{max-width:510px}:lang(ru) .steps p{min-height:120px}:lang(ru) .interface-notes strong{line-height:1.5}:lang(ru) .desktop-nav a{font-size:11px}
@media(min-width:901px) and (max-width:1250px){:root{--header-height:120px}.header{grid-template-columns:auto 1fr;grid-template-rows:68px 51px;gap:0 20px;padding-inline:28px}.header-actions{grid-column:2;grid-row:1;justify-content:flex-end}.desktop-nav{grid-row:2;grid-column:1/-1;justify-content:space-between;border-top:1px solid #c4d8b01a;gap:12px}.desktop-nav a{font-size:12px}:lang(ru) .desktop-nav a{font-size:12px}}
@media(max-width:900px){:root{--header-height:76px}.header{display:flex;padding:0 20px;gap:0}.header>.brand,.header>.desktop-nav{display:none}.header-actions{width:100%;display:flex;justify-content:space-between;gap:12px}.header-actions>.button-small{margin-right:auto;min-height:44px;font-size:12px;padding:12px 17px}.header .menu-toggle{display:block;flex-shrink:0}.language-switch{margin-right:2px}.hero-content{padding-top:135px}.hero{min-height:920px}.section[id]{scroll-margin-top:92px}:lang(ru) .steps p{min-height:0}}
@media(max-width:480px){.header{padding-inline:16px}.header-actions{gap:8px}.header-actions>.button-small{font-size:11px;padding:12px;gap:16px}.hero-content{padding-top:120px}.hero{height:auto;min-height:940px}:lang(ru) .hero h1{font-size:55px;letter-spacing:-2.5px}:lang(ru) .hero-premise{font-size:21px;letter-spacing:-.3px}:lang(ru) .hero-eyebrow{font-size:6px;letter-spacing:.8px}:lang(ru) .section h2{font-size:34px}:lang(ru) .closing h2{font-size:34px}:lang(ru) .diary-header strong{font-size:20px}.language-switch a{min-width:26px;font-size:10px}.mobile-nav{padding-inline:16px}.mobile-nav a{font-size:14px}.hero-content>p{max-width:100%}}
@media(max-width:350px){:lang(ru) .hero h1{font-size:46px}:lang(ru) .hero-premise{font-size:19px}.header-actions>.button-small{gap:9px;padding:10px;font-size:10px}.header-actions{gap:6px}.header .menu-toggle{width:40px;padding:8px}.language-switch a{min-width:23px}}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
@media(max-width:900px){body.navigation-open{overflow:hidden}}