:root{
  --bg:#080b11;--bg2:#0e131c;--card:#131925;--card2:#1a2232;--line:#232d40;
  --txt:#e9edf5;--mut:#8b96ab;--acc:#f5a524;--acc2:#2dd4bf;--acc-ink:#1b1204;
  --rad:14px;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
h1,h2,h3,p{margin:0}
::selection{background:var(--acc);color:var(--acc-ink)}
:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--acc);color:var(--acc-ink)}
.btn.primary:hover{background:#ffb73d}
.btn.ghost{border:1px solid var(--line);color:var(--txt)}
.btn.ghost:hover{border-color:var(--mut)}
.btn.sm{padding:.45rem .9rem;font-size:.85rem}
.ico{width:1.25em;height:1.25em;fill:currentColor;flex:none}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:.2px}
.brand img{height:34px;width:auto;border-radius:6px}
.hidden{display:none!important}
