@font-face { font-family: Satoshi; src: url(/fonts/satoshi-500.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: Satoshi; src: url(/fonts/satoshi-700.woff2) format('woff2'); font-weight: 700; font-display: swap; }
html, body { margin: 0; }
body { background: #010101; color: rgba(255, 244, 239, .78); font-family: Satoshi, system-ui, sans-serif; font-weight: 500; line-height: 1.6; }
main { max-width: 42rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
.logo { display: inline-block; margin-bottom: 2.5rem; }
h1 { margin: 0 0 .8rem; font-size: clamp(2rem, 7vw, 3rem); font-weight: 700; letter-spacing: -.05em; line-height: 1.1; background-image: linear-gradient(to right, #FFF4EF, #FED7AA); -webkit-background-clip: text; background-clip: text; color: transparent; }
.chapo { margin: 0 0 2.5rem; color: rgba(255, 244, 239, .6); }
h2 { margin: 2.2rem 0 .6rem; font-size: 1.15rem; font-weight: 700; color: #FFF4EF; letter-spacing: -.01em; }
p, ul { margin: 0 0 .9rem; }
ul { padding-left: 1.2rem; }
li { margin-bottom: .5rem; }
strong { color: #FFF4EF; font-weight: 700; }
a { color: #FED7AA; text-underline-offset: 3px; }
a:focus-visible, .btn:focus-visible { outline: 2px solid hsl(28, 95%, 53%); outline-offset: 3px; }
.btn { display: inline-block; margin-top: 2rem; padding: .8rem 1.6rem; border-radius: 1rem; background-image: linear-gradient(to right, #D32F2F, #FF6900, #FFD180); color: #FFF1EA; text-decoration: none; }