@font-face { font-family: Barlow; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/barlow-latin-400.woff2') format('woff2'); }
@font-face { font-family: Barlow; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/barlow-latin-600.woff2') format('woff2'); }
:root { color-scheme: dark; font-family: Barlow, Arial, sans-serif; color: #e8e7df; background: #020302; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.5; }
[hidden] { display: none !important; }
a { color: inherit; text-underline-offset: .25em; }
button, input { font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #df7a35; outline-offset: 4px; }
h1, h2, p { margin: 0; }
h1 { font-size: clamp(1.75rem, 5vw, 2.25rem); line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
h2 { font-size: 1.25rem; font-weight: 600; }
.brand { display: block; width: 11rem; max-width: 50%; }
.brand img { display: block; width: 100%; height: auto; }
.button { display: inline-flex; min-height: 2.75rem; justify-content: center; align-items: center; padding: .75rem 1.1rem; border: 1px solid #e5e1d5; border-radius: .6rem; background: #e5e1d5; color: #0a0d09; font-weight: 600; text-decoration: none; cursor: pointer; }
.button:hover { background: #f5f1e5; }
button:disabled { opacity: .6; cursor: wait; }
.text-button { padding: .5rem 0; min-height: 2.75rem; border: 0; background: transparent; color: #bfc1b7; text-decoration: underline; text-underline-offset: .25em; cursor: pointer; }
.quiet-link { display: inline-flex; align-items: center; min-height: 2.75rem; color: #bfc1b7; }
.login { width: min(25rem, calc(100% - 3rem)); margin: clamp(3rem, 15vh, 9rem) auto; }
.login .brand { margin-bottom: 3rem; }
.login p { margin-top: 1rem; color: #bfc1b7; }
.login__button { width: 100%; margin: 2rem 0 1rem; }
.auth-legal { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin-top: 2rem; font-size: .875rem; }