@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2")}
:root{color-scheme:only light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f4f0;color:#2b2a29;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
.top{background:#494847;padding:16px 0}
.brand{font-size:20px;font-weight:700;color:#fff;letter-spacing:.02em;text-decoration:none}
.brand .x{color:#ff5257}
main{padding:24px 0 56px}
h1,h2{color:#2b2a29;font-weight:700;line-height:1.25;hyphens:auto;-webkit-hyphens:auto}
h1{font-size:1.875rem;margin:0 0 8px}
h1::after{content:"";display:block;width:56px;height:4px;background:#ff5257;border-radius:2px;margin-top:14px}
h2{font-size:1.2rem;margin:30px 0 8px}
p,ul{margin:0 0 1em}
a{color:#d93f44}
a:focus-visible{outline:3px solid #ff5257;outline-offset:3px;border-radius:4px}
.card{background:#fff;border:1px solid #dcd9d3;border-radius:16px;padding:20px;margin:18px 0}
.back{display:inline-block;margin-top:8px;font-weight:700}
.foot{background:#3a3938;color:#e9e7e3;padding:24px 0 40px;font-size:.875rem}
.foot a{color:#fff;margin-right:16px}