[hidden] {
  display:none!important
}
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Saira:wght@400;500;600;700;800&display=swap');
:root {
    color-scheme:light only;
    --bg:#030302;
  --ink:#080806;
  --panel:rgba(14,14,12,.9);
  --panel-2:rgba(26,24,19,.94);
    --line:rgba(245,210,125,.34);
  --line-soft:rgba(255,255,255,.095);
    --gold:#f7d98b;
  --gold-2:#c7953c;
  --champagne:#fff0c7;
  --text:#fff8eb;
    --muted:#bcb7aa;
  --muted-2:#817b6f;
  --danger:#ff8e8e;
  --success:#8be4b9;
    --warning:#f3c66e;
  --shadow:0 22px 70px rgba(0,0,0,.54);
  --radius:24px;
    --safe-top:max(14px,env(safe-area-inset-top));
  --safe-bottom:max(12px,env(safe-area-inset-bottom));
  
}
* {
  box-sizing:border-box
}
html {
  background:var(--bg);
  scroll-behavior:smooth
}
body {
  margin:0;
  min-width:320px;
  min-height:100dvh;
  background:var(--bg);
  color:var(--text);
  font-family:"Saira",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden
}
button,input {
  font:inherit
}
button {
  border:0;
  cursor:pointer
}
button:focus-visible,input:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:3px
}
button:disabled {
  opacity:.5;
  cursor:not-allowed
}
.icon {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.svg-sprite {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}
.eyebrow {
  margin:0 0 4px;
  color:var(--gold);
  font-size:10px;
  font-weight:800;
  letter-spacing:1.15px;
  text-transform:uppercase
}
.boot-screen {
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  align-content:center;
  gap:24px;
  background:radial-gradient(circle at 50% 38%,rgba(247,217,139,.09),transparent 30%),#030302;
  transition:opacity .35s ease,visibility .35s ease
}
.boot-screen.hidden {
  opacity:0;
  visibility:hidden
}
.boot-screen img {
  width:min(70vw,310px);
  height:auto
}
.boot-screen p {
  margin:0;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.8px
}
.boot-ring {
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid rgba(247,217,139,.16);
  border-right-color:var(--gold);
  animation:spin .85s linear infinite
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
  
}
