/* atech.dev language — the Athena UI (Leif's concept, 2026-08-16):
   ONE deliberate dark theme = ce-ship "layout blue". Dykem-blue slate
   ground, drafting-ivory ink, scribe-blue accent. Inter stays the face. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
* { margin:0; padding:0; box-sizing:border-box; }
:root {
  --ground:#0e131c; --well:#0a0e15; --panel:#151c29; --line:#263144;
  --line-2:#34415a; --ink:#e9e6da; --ink-2:#aab2c0; --muted:#6d7789;
  --scribe:#4f86f7; --scribe-2:#7ea6ff; --scribe-dim:#24406e; --warn:#dcaa3d;
}
body { font-family:"Inter",system-ui,-apple-system,sans-serif; color:var(--ink);
  min-height:100vh; display:grid; place-items:center;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(700px 340px at 50% -80px, rgba(79,134,247,.14), transparent 70%),
    repeating-linear-gradient(0deg, transparent 0 47px, rgba(38,49,68,.35) 47px 48px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(38,49,68,.35) 47px 48px),
    var(--ground); }
::selection { background:var(--scribe-dim); color:var(--ink); }
.mono { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12px;
  color:var(--muted); }
.card { width:min(420px, 92vw); border:1px solid var(--line-2); border-radius:14px;
  padding:34px 32px; background:var(--well);
  box-shadow:0 0 0 4px rgba(79,134,247,.06), 0 24px 70px -20px rgba(0,0,0,.7); }
.brand { display:flex; align-items:center; margin-bottom:20px;
  font-family:ui-monospace,"SF Mono",Menlo,monospace; font-weight:700;
  font-size:15px; letter-spacing:.28em; text-transform:uppercase; }
.brand b { color:var(--scribe-2); }
h1 { font-size:24px; font-weight:650; letter-spacing:-0.02em; margin-bottom:4px; }
.sub { color:var(--ink-2); font-size:14px; margin-bottom:20px; }
label { display:block; font-size:12.5px; font-weight:600; color:var(--ink-2);
  margin:12px 0 5px; }
input { width:100%; border:1px solid var(--line-2); border-radius:10px;
  background:var(--panel); color:var(--ink); font:inherit; font-size:14.5px;
  padding:11px 14px; }
input:focus { outline:none; border-color:var(--scribe);
  box-shadow:0 0 0 3px rgba(79,134,247,.14); }
.btn { display:inline-flex; justify-content:center; width:100%; gap:8px;
  border-radius:999px; padding:11px 22px; font:inherit; font-weight:600;
  font-size:14.5px; background:var(--panel); border:1px solid var(--line-2);
  cursor:pointer; text-decoration:none; color:var(--ink); margin-top:14px; }
.btn:hover { border-color:var(--scribe-dim); }
.btn.primary { background:var(--scribe); color:#fff; border-color:var(--scribe); }
.btn.primary:hover { background:var(--scribe-2); border-color:var(--scribe-2); }
.row { display:flex; gap:10px; align-items:center; margin-top:16px;
  color:var(--muted); font-size:12px; }
.row hr { flex:1; border:0; border-top:1px solid var(--line); }
.note { margin-top:14px; font-size:12.5px; color:var(--warn);
  background:color-mix(in srgb, var(--warn) 10%, var(--well));
  border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line));
  border-radius:10px; padding:9px 12px; display:none; }
.note.show { display:block; }
.links { margin-top:18px; font-size:13px; color:var(--ink-2); text-align:center; }
.links a { color:var(--scribe-2); }
.hidden { display:none !important; }