:root{color-scheme:dark;--bg:#101b22;--text:#f4f7f4;--muted:#bdcccf;--accent:#c9f967;--line:#617780;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.75}
body.fiveg{--bg:#0a111c;--text:#f2f6fb;--muted:#b0c1d4;--accent:#d7fc70}
header,main,footer{width:min(100% - 40px,72ch);margin-inline:auto}
header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:26px;border-bottom:1px solid var(--line)}
main{padding-block:38px 64px}footer{padding-block:26px 40px;border-top:1px solid var(--line)}
h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}
h2{font-size:25px;line-height:1.3;margin:40px 0 14px;text-wrap:balance}
p,ul{margin:0 0 18px}li+li{margin-top:8px}ul{padding-left:24px}
a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #b9e8ff;outline-offset:5px}
nav{display:flex;flex-wrap:wrap;gap:10px 24px}nav a{padding-block:6px}.muted{color:var(--muted)}
.brand{font-weight:700;text-decoration:none}.contact{font-size:21px}.notice{border-left:3px solid var(--accent);padding-left:20px}
::selection{background:var(--accent);color:var(--bg)}html{scrollbar-color:var(--line) var(--bg)}
@media(max-width:420px){body{font-size:16px}h2{font-size:23px}main{padding-top:30px}}