@import url('/assets/fonts.css');
:root{--navy:#0c142d;--ink:#f2f4f8;--cream:#0c142d;--lime:#24bbd5;--line:#213451;--muted:#9c9fa9;--panel:#10233c;--cyan-dark:#067487}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
.wrap{width:min(1160px,calc(100% - 42px));margin-inline:auto}
.nav.site-header{position:sticky;top:0;z-index:1000;height:78px;background:rgba(12,20,45,.98);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(21px,calc((100vw - 1160px)/2));gap:20px;border-bottom:1px solid transparent;transition:height .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}
.nav.site-header.is-scrolled{height:68px;background:rgba(12,20,45,.94);border-color:rgba(36,187,213,.22);box-shadow:0 12px 34px rgba(4,10,28,.28);backdrop-filter:blur(12px)}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center}
.site-header .brand img,.site-footer .brand img{display:block;width:auto;height:22px;transition:transform .28s ease,filter .28s ease}
.site-header .brand:hover img{transform:translateY(-2px) scale(1.025);filter:brightness(1.12)}
.main-navigation{display:flex;gap:25px;color:#b7c6bf;font-size:14px}
.main-navigation a,.site-footer a{position:relative;color:inherit;text-decoration:none}
.main-navigation a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--lime);transition:right .25s ease}
.main-navigation a:hover{color:var(--lime)}.main-navigation a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:17px}.language-switch{border:1px solid rgba(36,187,213,.45);border-radius:999px;color:#d5e6f0;font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 8px;text-decoration:none;transition:background .2s ease,color .2s ease}.language-switch:hover,.language-switch:focus-visible{background:var(--lime);color:var(--navy)}.nav-cta{color:var(--lime)!important;font-weight:700;font-size:14px;text-decoration:none;transition:transform .25s ease,color .25s ease}.nav-cta:hover{transform:translateY(-2px);color:#d3ff70!important}
.site-footer{background:var(--navy);color:#cdd3df}.site-footer .foot{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.site-footer nav{display:flex;gap:16px}.site-footer nav a:hover{color:var(--lime)}
.back-to-top{background:#10233c;border:1px solid rgba(36,187,213,.72);bottom:24px;color:#f2f4f8;cursor:pointer;font:700 24px/1 Arial,sans-serif;height:46px;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,background .2s ease;visibility:hidden;width:46px;z-index:900}.back-to-top:hover,.back-to-top:focus-visible{background:var(--lime);color:var(--navy)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}
.js-ready .motion-reveal{opacity:0;transform:translate3d(var(--motion-x,0),24px,0);transition:opacity .7s ease,transform .82s cubic-bezier(.2,.78,.2,1)}
.js-ready .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
details[open]>div{animation:detailsIn .3s ease both}@keyframes detailsIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.card,.tool,.contact,.post{transition:transform .32s ease,box-shadow .32s ease}.card:hover{transform:translateY(-7px)}.tool:hover{transform:translateY(-4px)}
@media(max-width:760px){.main-navigation{display:none}.nav.site-header{height:66px}.nav.site-header.is-scrolled{height:60px}.header-actions{gap:10px}.nav-cta{font-size:12px}.back-to-top{bottom:16px;right:16px}.site-footer .foot{padding:23px 0;display:grid}.site-footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav.site-header,.site-header img,.nav-cta,.back-to-top,.card,.tool,.contact,.post{transition:none!important}.js-ready .motion-reveal{opacity:1;transform:none;transition:none}details[open]>div{animation:none}}