@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
.header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:absolute;top:0;width:100%;z-index:10;background:linear-gradient(#090b10cc,transparent)}
.brand{width:182px;display:flex;align-items:center}
.brand img{width:100%;height:82px;object-fit:contain}
.header nav{display:flex;gap:36px;font-size:14px}
.header nav a:hover{color:#7ca4ff}
.header-contact{font-size:14px;border:1px solid #ffffff50;padding:14px 20px}
.header-contact span{padding-left:22px}
.menu{display:none}
@media(max-width:900px){.header nav{gap:18px}
.header-contact{display:none}
}
@media(max-width:600px){.header{height:84px;padding:0 6%}
.brand{width:158px}
.brand img{height:70px}
.menu{display:block;border:1px solid #ffffff35;background:#101621;padding:6px 12px;font-size:24px}
.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0d1422;padding:28px 6%;border-bottom:1px solid #33466a;flex-direction:column;gap:25px;font-size:16px}
.header nav.open{display:flex}
}
.brand img{filter:none}
.header nav{gap:22px;align-items:center}
.header-contact{display:none}
.nav-group{position:relative}
.nav-group summary{font-size:14px;cursor:pointer;list-style:none}
.nav-group summary::after{content:'⌄';margin-left:8px;color:#719cff}
.nav-group summary:focus-visible{outline:2px solid #82a9ff;outline-offset:6px}
.nav-dropdown{position:absolute;left:-20px;top:32px;min-width:260px;padding:16px;background:#101722;border:1px solid #34476b;box-shadow:0 20px 50px #0008;display:flex;flex-direction:column;gap:0}
.nav-dropdown a{padding:12px;font-size:14px}
.nav-dropdown a:hover,.header nav a[aria-current=page]{color:#8fb1ff}
@media(max-width:1100px){.header nav{gap:15px}
.header nav>a,.nav-group summary{font-size:14px}
.brand{width:155px}
.header{padding-left:4%;padding-right:4%}
}
@media(max-width:850px){.header{height:84px;padding:0 6%}
.menu{display:block;border:1px solid #ffffff35;background:#101621;padding:6px 12px;font-size:24px}
.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0d1422;padding:24px 6%;border-bottom:1px solid #33466a;flex-direction:column;align-items:stretch;gap:22px;max-height:calc(100svh - 84px);overflow:auto}
.header nav.open{display:flex}
.header nav>a,.nav-group summary{font-size:16px}
.nav-dropdown{position:static;box-shadow:none;min-width:0;margin-top:15px;padding:8px;border:0;border-left:2px solid #3975ff}
.nav-dropdown a{font-size:16px}
}
.header{position:fixed;height:100px;gap:24px;background:linear-gradient(180deg,#080b12f5,#080b1299 80%,transparent);transition:background .2s,border-color .2s}
.header.is-scrolled{background:#0a101af5;border-bottom-color:#344563;backdrop-filter:blur(14px)}
.brand{width:190px;flex-shrink:0}
.brand img{height:95px;filter:brightness(2.8) saturate(.88) drop-shadow(0 1px 1px #77aaff45)}
.header nav{gap:clamp(14px,1.7vw,25px)}
.nav-dropdown{border-radius:4px;padding:10px;box-shadow:0 16px 42px #0007}
.nav-dropdown a{border-radius:3px}
.nav-dropdown a:hover{background:#1b2e4c;color:#c1d5ff}
.header-contact{border-radius:3px;white-space:nowrap}
.header-contact:hover{background:#1a2f52;border-color:#7299dc}
@media(min-width:1200px){.header-contact{display:inline-flex;padding:13px 16px;font-size:14px}
.header-contact span{padding-left:14px}
}
@media(max-width:1100px){.brand{width:175px}
.brand img{height:92px}
}
@media(max-width:850px){.header{height:88px}
.header nav{top:88px;max-height:calc(100svh - 88px)}
.brand{width:165px}
.brand img{height:83px}
}
@media(prefers-reduced-motion:reduce){.header{transition:none}
}
.header nav>a,.nav-group summary{font-size:17px;line-height:1.5}
.header nav{gap:24px}
.header-contact{display:none}
.header{gap:24px}
.nav-dropdown{min-width:310px;top:35px}
.nav-dropdown a{font-size:14px;line-height:1.6}
@media(max-width:1150px){.header{height:88px;padding:0 6%}
.menu{display:block;border:1px solid #ffffff35;background:#101621;padding:6px 12px;font-size:24px}
.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#0d1422;padding:24px 6%;border-bottom:1px solid #33466a;flex-direction:column;align-items:stretch;gap:22px;max-height:calc(100svh - 88px);overflow:auto}
.header nav.open{display:flex}
.header nav>a,.nav-group summary{font-size:18px}
.nav-dropdown{position:static;min-width:0;margin-top:15px;padding:8px;border:0;border-left:2px solid #3975ff;box-shadow:none}
.nav-dropdown a{font-size:15px}
}

.header{font-family:Audiowide,Arial,sans-serif;line-height:1.8}.header a{color:#f5f6fa;text-decoration:none}.header .brand{gap:0}.header .menu{color:#f5f6fa}.header summary{color:#f5f6fa}main{padding-top:135px}h1 span{color:#719cff}:root{--blue:#3975ff;--bg:#090b10}@media(max-width:1100px){main{padding-top:118px}}