.ms-header { box-sizing:border-box; width:min(1120px,calc(100% - 36px)); margin:12px auto 0; padding:10px 12px; display:flex; align-items:center; gap:22px; border:1px solid var(--ui-border); border-radius:20px; background:linear-gradient(120deg,#0b142b,#0d1024); position:relative; z-index:30; }
.ms-header a { text-decoration:none; }
.ms-brand { display:flex; align-items:center; gap:10px; color:#f8faff; margin-right:auto; flex-shrink:0; }
.ms-brand img { border-radius:12px; }
.ms-brand span { display:grid; gap:3px; }
.ms-brand strong { font-size:17px; font-weight:800; letter-spacing:-.035em; }
.ms-brand small { color:#aab9dc; font-size:11px; }
.ms-desktop { display:flex; align-items:center; gap:20px; }
.ms-desktop>a { padding:10px 0; font-size:13px; font-weight:600; color:var(--ui-secondary); white-space:nowrap; }
.ms-desktop>a.active { color:#fff; box-shadow:inset 0 -2px #6567ff; }
.ms-header a:hover,.ms-header summary:hover { color:#fff; }
.ms-header details { position:relative; }
.ms-header summary { cursor:pointer; list-style:none; }
.ms-header summary::-webkit-details-marker { display:none; }
.ms-header details>div { position:absolute; top:calc(100% + 10px); right:0; display:grid; min-width:230px; padding:8px; border-radius:14px; border:1px solid #53638f; background:#10192e; box-shadow:0 18px 36px #0007; }
.ms-header details:not([open])>div { display:none; }
.ms-header details>div a { padding:10px 12px; color:#dce5fb; border-radius:8px; font-size:14px; white-space:nowrap; }
.ms-header details>div a:hover { background:#1d2c49; }
.ms-header :is(a,summary):focus-visible { outline:2px solid #a8b6ff; outline-offset:4px; }
.ms-header.ms-header { gap:22px; width:min(1240px,calc(100% - 36px)); }
.ms-header .ms-desktop { gap:24px; }
.ms-header summary { color:#c6d0e8; font-size:13px; font-weight:600; padding:10px 0; }
.ms-header .ms-install,.ms-connect { flex-shrink:0; padding:13px 17px; border-radius:12px; font-size:13px; font-weight:750; color:#fff; white-space:nowrap; }
.ms-header .ms-install { background:linear-gradient(110deg,#2149ff,#6427ff); box-shadow:0 4px 20px #402cff26; }
.ms-header .ms-connect { border:1px solid #697caf66; background:#ffffff04; }
.ms-header .ms-menu-panel { min-width:258px; max-height:min(680px,80dvh); overflow:auto; padding:9px; border:1px solid #6d7fa54d; border-radius:16px; box-shadow:0 18px 40px #0008; background:#0e1629; }
.ms-menu-group { display:grid; padding:5px 0 8px; }
.ms-menu-group+.ms-menu-group { border-top:1px solid #ffffff10; }
.ms-menu-group>span { padding:9px 12px 4px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#8599bf; font-weight:750; }
.ms-header .ms-menu-group a { font-size:13px; padding:10px 12px; }
.ms-install-short,.ms-mobile { display:none; }
.ms-header .ms-mobile summary { display:flex; align-items:center; gap:6px; }
.ms-menu-icon { font-size:19px; }
.ms-menu-close { margin-left:auto; border:0; border-radius:8px; padding:9px 12px; background:#ffffff08; color:#c6d0e8; cursor:pointer; font:inherit; font-size:12px; }
.ms-header .ms-mobile-connect { text-align:center; margin:6px; padding:13px 12px; border:1px solid #7189d277; border-radius:10px; }
.ms-header :is(a,summary,button):focus-visible { outline:2px solid #a6b6ff; outline-offset:4px; }
@media(max-width:1080px) {
 .ms-header.ms-header { gap:16px; }
 .ms-header .ms-desktop { gap:16px; }
 .ms-header .ms-connect { display:none; }
}
@media(max-width:850px) {
 .ms-header.ms-header { display:flex; gap:14px; }
 .ms-header .ms-desktop { display:none; }
 .ms-mobile { display:block; }
 .ms-header .ms-mobile { position:static; }
 .ms-header .ms-mobile>.ms-menu-panel { position:absolute; display:grid; top:calc(100% + 8px); left:0; right:0; min-width:0; max-height:calc(100dvh - 100px); grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; padding:12px; }
 .ms-menu-close,.ms-main-links,.ms-mobile-connect { grid-column:1/-1; }
 .ms-header .ms-main-links { display:flex; flex-wrap:wrap; border-bottom:1px solid #ffffff10; padding-bottom:10px; }
 .ms-header .ms-main-links a { font-size:15px; font-weight:700; }
}
@media(max-width:520px) {
 .ms-header.ms-header { width:calc(100% - 24px); padding:10px; gap:10px; border-radius:16px; }
 .ms-header .ms-brand strong { font-size:14px; }
 .ms-header .ms-brand img { width:30px; height:30px; }
 .ms-header .ms-brand small { display:none; }
 .ms-install-long { display:none; }
 .ms-install-short { display:inline; }
 .ms-header .ms-install { padding:11px 12px; font-size:11px; }
 .ms-header .ms-mobile summary { font-size:11px; }
 .ms-header .ms-mobile>.ms-menu-panel { grid-template-columns:minmax(0,1fr); }
 }

.ms-header .ms-menu-panel a { color:#dce5fb; text-decoration:none; border-radius:8px; }
.ms-header .ms-menu-panel a:hover { background:#ffffff08; }
.ms-header .ms-mobile:not([open])>nav { display:none; }

.ms-header,.ms-footer { --ui-border:#ffffff18; --ui-secondary:#bec8df; font-family:"Argentum Sans",system-ui,sans-serif; font-style:normal; font-weight:400; line-height:1.5; text-align:left; }
.ms-header *,.ms-footer * { box-sizing:border-box; }

.ms-header .ms-desktop .active { color:white; box-shadow:inset 0 -2px #7379ff; }

.ms-footer { width:min(1240px,calc(100% - 36px)); margin:56px auto 0; padding:30px 0 22px; border-top:1px solid #ffffff1a; color:#b7c5df; }
.ms-footer-top { display:grid; grid-template-columns:1.25fr repeat(3,minmax(0,1fr)); gap:30px; }
.ms-footer .ms-brand { margin:0 0 15px; text-decoration:none; }
.ms-footer-intro>p { max-width:260px; margin:0; color:#92a4c4; font-size:12px; line-height:1.7; }
.ms-footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.ms-footer-group h2 { margin:0 0 4px; font-size:11px; color:#8096c1; font-weight:700; text-transform:uppercase; letter-spacing:.08em; line-height:1.5; }
.ms-footer a { color:#cbd6ee; text-decoration:none; font-size:12px; }
.ms-footer a:hover { color:white; text-decoration:underline; }
.ms-footer .ms-footer-install,.ms-footer .ms-footer-connect { font-weight:700; color:#becbff; }
.ms-footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; margin-top:27px; padding-top:18px; border-top:1px solid #ffffff12; font-size:11px; }
.ms-footer-legal { display:flex; flex-wrap:wrap; gap:8px 18px; }
.ms-footer-legal a { color:#9aaccb; font-size:11px; }
.ms-footer-context { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:20px; color:#8ea2c6; font-size:11px; }
.ms-footer-context p { margin:0; }
.ms-footer-context a { font-size:11px; }
.ms-footer :is(a,button):focus-visible { outline:2px solid #a6b6ff; outline-offset:4px; }
@media(max-width:850px){.ms-footer-top {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ms-footer-intro{grid-column:1/-1}.ms-footer-intro>p{max-width:none}}
@media(max-width:520px){.ms-header .ms-install-short{display:inline}.ms-footer{width:calc(100% - 32px);margin-top:36px}.ms-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.ms-footer-intro{grid-column:1/-1}.ms-footer-group a{padding:3px 0}.ms-footer-bottom{font-size:10px}.ms-footer-group h2{font-size:10px}.ms-footer a{font-size:12px}}