.topbar { background:rgba(14,29,61,.98); border-bottom:1px solid rgba(255,255,255,.06); }
.topbar .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 24px; }
.logo { display:flex; align-items:center; text-decoration:none; }
.logo img { height:44px; width:auto; display:block; }
.back { color:#b9c4dd; text-decoration:none; font-size:13.5px; font-weight:700; letter-spacing:.02em; transition:color .2s; white-space:nowrap; }
.back:hover { color:#fff; }
.doc {
  background:#fff; border:1px solid var(--line); border-radius:24px;
  padding:clamp(30px,5vw,54px); margin:48px 0 40px;
  box-shadow:0 16px 44px rgba(14,29,61,.07);
}
.doc h1 { font-size:clamp(28px,4.5vw,38px); font-weight:800; letter-spacing:-.02em; line-height:1.15; }
.updated { margin-top:10px; color:var(--muted); font-size:13.5px; font-weight:600; }
.doc h2 { margin-top:34px; font-size:19px; font-weight:800; color:var(--ink); letter-spacing:-.01em; }
.doc h2:first-of-type { margin-top:30px; }
.doc p, .doc li { color:var(--body); font-size:15px; line-height:1.8; }
.doc p { margin-top:12px; }
.doc ul { margin:12px 0 0 2px; list-style:none; display:flex; flex-direction:column; gap:8px; }
.doc li { padding-left:20px; position:relative; }
.doc li::before { content:""; position:absolute; left:0; top:.72em; width:7px; height:7px; border-radius:50%; background:var(--orange); }
.doc a { color:var(--orange); font-weight:700; text-decoration:none; }
.doc a:hover { text-decoration:underline; }
.contact-box {
  margin-top:38px; background:var(--bg); border:1px solid var(--line); border-radius:16px;
  padding:22px 24px; font-size:15px; color:var(--body);
}
.promise {
  margin-top:22px; background:rgba(245,140,20,.09); border:1px solid rgba(245,140,20,.3);
  border-radius:16px; padding:18px 22px; color:var(--ink); font-size:15.5px; font-weight:600; line-height:1.7;
}
.promise b { color:var(--orange); }
.foot { background:#0a1428; color:#8b98b8; padding:36px 0 30px; font-size:13px; text-align:center; }
.foot a { color:#c4cfe6; text-decoration:none; font-weight:600; }
.foot a:hover { color:var(--orange-2); }
.foot .links { display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:center; margin-bottom:14px; }
.foot .fcommunity { margin-top:16px; }
.foot .fsocial { margin-top:18px; }
.foot .finfo { margin:18px 0 16px; padding-top:0; border-top:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; font-size:12.5px; color:#9aa7c6; }
.foot .finfo span, .foot .finfo a { display:inline-flex; align-items:center; gap:7px; }
.foot .finfo svg { width:15px; height:15px; color:var(--orange-2); flex:0 0 auto; }
