:root {
  color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#07131f;
  color:#e8edf4;
  line-height:1.65
}
* {
  box-sizing:border-box
}
[hidden] {
  display:none!important
}
body {
  margin:0
}
header {
  max-width:960px;
  margin:auto;
  padding:24px;
  display:flex;
  justify-content:space-between;
  gap:16px
}
a {
  color:#e3c58d
}
main {
  max-width:760px;
  margin:32px auto;
  padding:0 24px 56px
}
h1 {
  font-size:clamp(28px,5vw,40px);
  line-height:1.2
}
h2 {
  font-size:21px;
  overflow-wrap:anywhere
}
.intro {
  color:#cbd5e1
}
form,article,[data-verify] {
  background:#0f2234;
  border:1px solid #284057;
  border-radius:16px;
  padding:24px;
  margin:24px 0
}
label {
  display:block;
  font-weight:600
}
input {
  display:block;
  width:100%;
  margin:8px 0 20px;
  border:1px solid #506579;
  border-radius:8px;
  background:#07131f;
  color:inherit;
  padding:12px;
  font:inherit
}
button {
  font:inherit;
  cursor:pointer;
  background:#e3c58d;
  color:#182330;
  border:1px solid transparent;
  border-radius:8px;
  padding:10px 18px;
  font-weight:600
}
button:disabled {
  opacity:.55;
  cursor:wait
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline:3px solid #8ec9ff;
  outline-offset:3px
}
.note {
  font-size:14px;
  color:#b7c5d4;
  overflow-wrap:anywhere
}
[data-status] {
  overflow-wrap:anywhere;
  color:#f0d5a6
}
.device {
  border-top:1px solid #284057;
  margin-top:18px;
  padding-top:18px
}
.device strong {
  display:block;
  overflow-wrap:anywhere
}
.device dl {
  font-size:14px;
  color:#bccad8;
  margin:8px 0 14px
}
.device dt,.device dd {
  display:inline;
  margin:0
}
.device dd:after {
  content:"";
  display:block
}
dialog {
  max-width:520px;
  width:calc(100% - 32px);
  background:#102439;
  color:#e8edf4;
  border:1px solid #506579;
  border-radius:16px;
  padding:24px
}
dialog::backdrop {
  background:#000a
}
.actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px
}
.danger {
  background:#9c3242;
  color:white
}
.honeypot {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden
}
[data-turnstile] {
  min-height:70px;
  margin:14px 0
}
@media(max-width:480px) {
  header {
    font-size:14px;
    padding:18px
  }
  main {
    margin-top:20px;
    padding-inline:18px
  }
  form,article,[data-verify] {
    padding:18px
  }
  button {
    width:100%
  }
  
}