/* CEOi Dashboard — Auth + landing shared styles
   Bundle-4. Matches the local dashboard's gateway look. */

:root {
  --ink:#1a1f24; --ink-2:#3a4047; --ink-soft:#5b6770;
  --line:#e2e6ea; --bg:#f7f8fa;
  --cyan:#1bafde; --cyan-dark:#0f8bb3; --cyan-tint:#e6f7fa;
  --good:#1f8f50; --bad:#c0392b; --yellow:#f7c948;
  --font: 'Inter','-apple-system','Segoe UI',sans-serif;
  --font-h:'Inter Tight','Inter',sans-serif;
}
* { box-sizing:border-box; }
html, body { margin:0; padding:0; min-height:100vh; }
body {
  font-family:var(--font); color:var(--ink); background:#0f1217;
  display:flex; align-items:center; justify-content:center; padding:40px 20px;
}
.gw-wrap {
  max-width:520px; width:100%; text-align:center; color:#fff;
}
.gw-logo { margin-bottom:28px; }
.gw-eyebrow {
  font-size:11px; letter-spacing:2px; text-transform:uppercase;
  color:#9aa0a6; font-weight:800; margin-bottom:16px;
}
.gw-h1 {
  font-family:var(--font-h); font-weight:800; font-size:32px;
  line-height:1.15; margin:0 0 16px; color:#fff;
}
.gw-sub { color:#9aa0a6; font-size:14.5px; line-height:1.55; margin:0 0 32px; }
.gw-back {
  background:none; border:0; color:#9aa0a6; font-size:13px;
  cursor:pointer; padding:0; margin-bottom:18px; font-family:inherit;
}
.gw-back:hover { color:#fff; }

.card {
  background:#fff; color:var(--ink); border-radius:8px; padding:28px 24px;
  text-align:left; box-shadow:0 1px 0 rgba(0,0,0,.04);
}
label {
  display:block; font-size:11px; font-weight:800; letter-spacing:1.4px;
  text-transform:uppercase; color:var(--ink-soft); margin:6px 0 6px;
}
input[type=email], input[type=text], input[type=password] {
  width:100%; padding:11px 12px; border:1px solid var(--line);
  border-radius:6px; font-family:var(--font); font-size:14px;
  background:#fff; color:var(--ink); outline:none;
}
input:focus { border-color:var(--cyan); }
.btn {
  width:100%; padding:12px 20px; border:1px solid var(--cyan);
  border-radius:6px; background:var(--cyan); color:#fff;
  font-family:var(--font-h); font-size:15px; font-weight:800; cursor:pointer;
  margin-top:18px;
}
.btn:hover { background:var(--cyan-dark); border-color:var(--cyan-dark); }
.btn[disabled] { opacity:.5; cursor:not-allowed; }
.btn-ghost {
  background:transparent; color:var(--cyan-dark); border-color:var(--line);
}
.btn-ghost:hover { background:var(--bg); }
.msg-ok {
  background:var(--cyan-tint); color:var(--cyan-dark); border:1px solid var(--cyan);
  border-radius:6px; padding:12px 14px; margin-top:18px; font-size:13.5px; line-height:1.5;
}
.msg-err {
  background:#fff5f3; color:var(--bad); border:1px solid var(--bad);
  border-radius:6px; padding:12px 14px; margin-top:18px; font-size:13.5px; line-height:1.5;
}
.pw-note {
  font-size:11.5px; color:var(--ink-soft); line-height:1.5;
  margin-top:14px; text-align:center;
}