:root { --bg:#fdf8f4; --ink:#14102a; --muted:#5c5873; --line:#e8e1ec; --v:#6a2cf5; --v-l:#efe8ff; --head:"Outfit", system-ui, sans-serif; color-scheme: light; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.7 "Figtree", system-ui, sans-serif; }
.wrap { max-width:820px; margin:0 auto; padding:0 20px; }
header.nav { background:rgba(253,248,244,.92); border-bottom:1px solid var(--line); }
header.nav .wrap { display:flex; align-items:center; justify-content:space-between; height:68px; max-width:1120px; }
.logo { display:flex; align-items:center; gap:10px; font:800 1.35rem var(--head); text-decoration:none; color:var(--ink); }
.logo svg { width:36px; height:36px; }
.back { color:var(--v); font-weight:700; text-decoration:none; }
.doc { padding-top:28px; padding-bottom:70px; }
.crumbs { font-size:.9rem; color:var(--muted); }
.crumbs a { color:var(--v); }
h1 { font:800 clamp(2rem,6vw,3rem)/1.1 var(--head); letter-spacing:-.02em; margin:14px 0 6px; }
h2 { font:700 1.5rem/1.2 var(--head); margin:34px 0 8px; scroll-margin-top:20px; }
.upd { color:var(--muted); margin:0 0 20px; }
ul { padding-left:1.2rem; } li { margin:6px 0; }
a { color:var(--v); } a:hover { text-decoration:none; }
a:focus-visible { outline:3px solid #ff7b5f; outline-offset:2px; border-radius:4px; }
footer { border-top:1px solid var(--line); margin-top:40px; padding:30px 0 40px; font-size:.95rem; }
footer .wrap { display:flex; flex-wrap:wrap; gap:18px 30px; align-items:center; justify-content:center; text-align:center; max-width:1120px; }
footer .tag { color:var(--muted); border-left:2px solid #ff7b5f; padding-left:20px; }
footer nav { display:flex; gap:12px 22px; flex-wrap:wrap; justify-content:flex-end; font-weight:600; flex:1 1 auto; } footer nav a { color:var(--ink); text-decoration:none; } footer nav a:hover { color:var(--v); }
@media (max-width:1120px) { footer nav { justify-content:center; flex-basis:100%; } }
@media (max-width:640px) { footer .logo { flex-basis:100%; justify-content:center; } footer .tag { border-left:0; padding-left:0; flex-basis:100%; } }
footer .legalnote { color:var(--muted); font-size:.82rem; margin:0; flex-basis:100%; line-height:1.6; } footer .legalnote a { color:var(--muted); }

.pay { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; flex-basis:100%; }
.pay span { color:var(--muted); font-size:.85rem; margin-right:4px; }
.pay img { height:34px; width:52px; padding:7px 9px; background:#fff; border:1px solid var(--line); border-radius:8px; object-fit:contain; }

html { -webkit-text-size-adjust:100%; }
body { overflow-wrap:break-word; }
img, svg { max-width:100%; }
@media (max-width:560px) {
  body { font-size:16.5px; }
  .wrap { padding:0 16px; }
  header.nav .wrap { height:60px; }
  .logo { font-size:1.15rem; } .logo svg { width:30px; height:30px; }
  h2 { font-size:1.3rem; }
  footer nav { gap:10px 18px; }
}