@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/fonts/inter-400.ttf") format("truetype");
}
:root{
  --bg:#050505;
  --text:#ffffff;
  --muted:#a8a8a8;
  --muted-2:#cfcfcf;
  --accent1:#ffc585;
  --accent2:#fe9f32;
  --line:#1a1a1a;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.wrap{
  max-width:740px;
  margin:0 auto;
  padding:64px 24px 96px;
}
.back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  text-decoration:none;
  margin-bottom:48px;
  transition:color .25s ease;
}
.back:hover{color:var(--accent1)}
.back::before{content:"←";display:inline-block}
h1{
  font-size:clamp(1.8rem,5vw,2.4rem);
  font-weight:600;
  letter-spacing:-.02em;
  margin-bottom:36px;
}
h2{
  font-size:1.05rem;
  font-weight:600;
  margin:36px 0 12px;
  color:#fff;
}
p,li{
  color:var(--muted-2);
  font-size:.96rem;
  margin-bottom:12px;
}
ul{padding-left:20px;margin-bottom:12px}
a{
  color:var(--accent1);
  text-decoration:none;
  border-bottom:1px solid rgba(255,197,133,.3);
  transition:color .25s ease,border-color .25s ease;
}
a:hover{color:var(--accent2);border-color:var(--accent2)}
strong{color:#fff;font-weight:600}
hr{
  border:0;
  height:1px;
  background:var(--line);
  margin:40px 0;
}
@media(max-width:640px){
  .wrap{padding:48px 20px 72px}
  .back{margin-bottom:36px}
}