@font-face {
  font-family:Unbounded;
  src:url('../assets/fonts/Unbounded.woff2') format('woff2');
  font-weight:200 900;
  font-display:swap
}

@font-face {
  font-family:"Golos Text";
  src:url('../assets/fonts/GolosText.woff2') format('woff2');
  font-weight:400 900;
  font-display:swap
}

:root {
  color-scheme:dark;
  --orange:#F46C37;
  --ink:#1e1e1e
}

* {
  letter-spacing:0;
  box-sizing:border-box
}

html,body {
  margin:0
}

body {
  background:#08090c;
  color:#fff;
  font-family:"Golos Text",sans-serif
}

button,a {
  -webkit-tap-highlight-color:transparent
}

button {
  font:inherit;
  cursor:pointer
}

a {
  color:inherit;
  text-decoration:none
}

button:focus-visible,a:focus-visible {
  outline:2px solid var(--orange);
  outline-offset:6px
}

p,h1 {
  margin:0
}

h1 {
  font-weight:400
}

main {
  position:relative;
  width:100%;
  margin:0 auto
}

dialog {
  width:560px;
  max-width:90vw;
  padding:36px;
  border:1px solid #73767b;
  background:#0c1016;
  color:#fff
}

dialog::backdrop {
  background:#000b
}

dialog h2 {
  margin:0 35px 20px 0;
  font:400 24px/1.3 Unbounded,sans-serif;
  text-transform:uppercase
}

dialog p {
  font-size:16px;
  line-height:1.6
}

dialog .close {
  position:absolute;
  right:12px;
  top:9px;
  border:0;
  background:none;
  color:#fff;
  font-size:28px;
  min-width:44px;
  min-height:44px
}