/* Blind Faith — 1088labs family brand (matches ren.1088labs.com tokens + the 1088 LABS wordmark) */
:root {
  --bg:#0a0e14; --card:#10161f; --deep:#0a0e14; --raised:#1e2836;
  --line:rgba(255,255,255,.08); --text:#e9eef5; --dim:#9aa7b8;
  --accent:#3f8cff; --accent2:#78b0ff; --pink:#ff5f96;
  --acc-grad:linear-gradient(135deg,#2a67f4 0%,#8a5cf6 50%,#ff5f96 100%);
  --ok:#34d399; --bad:#f26b5e; --warn:#f5a623;
  --mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,monospace;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
a { color:var(--accent2); }
.wrap { max-width:680px; margin:0 auto; padding:0 18px; }

header.site { position:sticky; top:0; z-index:10; background:rgba(10,14,20,.92); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line); }
header.site .bar { display:flex; align-items:center; gap:12px; padding:13px 18px; max-width:680px; margin:0 auto; }
.bf-mark { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); flex:1; }
.bf-mark .eye { width:30px; height:30px; flex:none; }
.bf-mark b { font-size:17px; letter-spacing:.01em; }
.bf-mark span.by { font-family:var(--mono); font-size:10px; color:var(--dim); letter-spacing:.12em; display:block; margin-top:1px; }

button, .btn { background:var(--acc-grad); color:#fff; border:0; border-radius:10px; padding:11px 18px;
  font-size:15px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-block; font-family:inherit; }
button.ghost, .btn.ghost { background:transparent; color:var(--accent2); border:1px solid var(--accent); }
button.no { background:transparent; color:var(--bad); border:1px solid var(--bad); }
button:disabled { opacity:.45; cursor:default; }

.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; margin:14px 0; }
h2.k { font-size:13px; margin:0 0 10px; color:var(--dim); text-transform:uppercase; letter-spacing:.07em; }
.dim { color:var(--dim); }
.tag { font-family:var(--mono); font-size:11px; border-radius:6px; padding:2px 8px; letter-spacing:.05em; }
.tag.warn { color:var(--warn); border:1px solid var(--warn); }
.tag.ok { color:#08121c; background:var(--ok); font-weight:700; }

label { display:block; font-size:13px; color:var(--dim); margin:12px 0 4px; }
input[type=text], input[type=number], select, textarea { width:100%; background:var(--deep); color:var(--text);
  border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:15px; font-family:inherit; }
textarea { resize:vertical; min-height:60px; }
input:focus, select:focus, textarea:focus { outline:none; border-color:var(--accent); }

footer.site { border-top:1px solid var(--line); margin-top:40px; padding:22px 18px 34px; }
footer.site .inner { max-width:680px; margin:0 auto; display:flex; align-items:center; gap:12px; color:var(--dim); font-size:12px; flex-wrap:wrap; }
footer.site .wm { height:18px; width:auto; color:var(--dim); display:block; }
.hidden { display:none !important; }