@font-face{font-family:"Anton";src:url("fonts/Anton-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-latin.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Blanka";src:url("fonts/Blanka-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--black:#0A0A0A;--red:#E10600;--white:#F5F1EA;--pad:clamp(16px,2.4vw,36px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--white);font:500 18px/1.6 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:var(--white)}
a{color:inherit;text-underline-offset:.18em}
a:hover{color:var(--red)}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 var(--pad)}
.top img{display:block;width:44px;height:44px;border-radius:50%}
.back{font:600 15px/1 "Inter",system-ui,sans-serif;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:clamp(32px,6vw,80px) var(--pad) clamp(64px,9vw,120px)}
h1{margin:0 0 clamp(36px,5vw,64px);font:400 clamp(2.9rem,11.5vw,7rem)/.95 "Blanka","Anton",sans-serif;letter-spacing:.01em;text-transform:uppercase}
h1 span{color:var(--red)}
h2{margin:clamp(36px,4.5vw,56px) 0 12px;font:400 clamp(1.7rem,3.4vw,2.5rem)/1.1 "Anton",sans-serif;letter-spacing:.005em;text-transform:uppercase}
h3{margin:24px 0 6px;font-size:18px;font-weight:600}
p,ul{margin:0 0 14px}
ul{padding-left:1.2em}
li{margin-bottom:6px}
.bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;padding:24px var(--pad);background:var(--red);color:var(--black);font-weight:600}
.bot a:hover{color:var(--white)}
.bot nav{display:flex;gap:24px}