:root {
  --bg:#111211;
  --text:#f2f1eb;
  --orange:#ff603e
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  color:var(--text);
  font-family:'DM Sans',Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
a:focus-visible {
  outline:2px solid var(--orange);
  outline-offset:7px
}
::selection {
  background:var(--orange);
  color:var(--bg)
}
.wrap {
  width:min(1200px,calc(100% - 104px));
  margin-inline:auto
}
main {
  flex:1;
  display:grid;
  place-items:center;
  text-align:center;
  padding-block:60px
}
.notice {
  width:100%
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:Manrope,Arial,sans-serif;
  font-size:30px;
  font-weight:800;
  letter-spacing:-1.2px;
  margin-bottom:44px
}
.brand img {
  width:60px;
  height:60px;
  object-fit:contain
}
.eyebrow {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:13px;
  letter-spacing:.14em;
  font-weight:500;
  color:#a5aa9e
}
.eyebrow>span {
  color:var(--orange);
  font-size:19px
}
h1 {
  font-family:Manrope,Arial,sans-serif;
  font-weight:500;
  font-size:clamp(76px,11.8vw,156px);
  line-height:1.06;
  letter-spacing:-.065em;
  margin:23px 0 30px
}
em {
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:400
}
h1 em {
  letter-spacing:-.06em
}
.description {
  font-size:16px;
  line-height:1.9;
  color:#a5aa9e;
  margin:0 0 30px
}
.description strong {
  font-weight:500;
  color:var(--text)
}
.description a {
  color:var(--text);
  border-bottom:1px solid #737a66;
  padding-bottom:2px
}
.description a:hover {
  color:var(--orange)
}
.button {
  display:inline-flex;
  align-items:center;
  background:var(--orange);
  color:#111211;
  padding:18px 23px;
  font-size:16px;
  font-weight:600;
  border-radius:5px;
  transition:background .2s
}
.button:hover {
  background:#ff7c60
}
.thanks {
  font-size:13px;
  color:#9aa18f;
  margin-top:22px
}
 @media(max-width:640px) {
  .wrap {
    width:calc(100% - 40px)
  }
  .brand {
    font-size:27px;
    margin-bottom:36px
  }
  .brand img {
    width:52px;
    height:52px
  }
  .eyebrow {
    letter-spacing:.06em;
    gap:7px
  }
  h1 {
    font-size:clamp(60px,15vw,96px);
    margin-block:22px 28px
  }
  .button {
    padding:17px 21px
  }
}
 @media(prefers-reduced-motion:reduce) {
  * {
    transition:none!important
  }
}