/* SuratX — shared base. Fonts are self-hosted in ../fonts (SIL Open Font License, see OFL-*.txt). */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url('../fonts/archivo-latin-var.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/ibm-plex-mono-latin-400.woff2') format('woff2')}
:root{color-scheme:dark}
html,body{margin:0;background:#070A0D}
body{color:#F4F4F2;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:rgba(244,244,242,.78);text-decoration:none}
a:hover{color:#fff}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid #F4F4F2;outline-offset:2px}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;text-transform:uppercase}
.logo{align-self:flex-start;font-weight:800;font-stretch:125%;font-size:22px;letter-spacing:-.02em;color:#F4F4F2}
.logo .x{color:#FF5B1F}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:16px;border-radius:999px;background:#FF5B1F;color:#0A0C0D;font-weight:700;font-size:16px}
.cta:hover{color:#0A0C0D;background:#FF6E38}
.noscript{max-width:560px;margin:15vh auto;padding:0 24px;line-height:1.6}
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(244,244,242,.3);border-radius:999px;background:rgba(7,10,13,.7);color:#F4F4F2;font-size:14px;font-weight:500;cursor:pointer}
@keyframes sx-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}