/* app.chepurko.eu — matches chepurko.eu (HTML5 UP "Story"): dark, cyan accent, Source Sans Pro + Courier New */
:root{
  --bg:#1b1f22;          /* dark slate */
  --bg2:#21262b;
  --fg:#ffffff;
  --muted:#9aa3ab;
  --accent:#47d3e5;      /* chepurko.eu cyan */
  --accent2:#1ebdd1;
  --line:#30363d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none;border-bottom:1px dotted rgba(71,211,229,.5)}
a:hover{color:var(--accent2);border-bottom-color:var(--accent2)}
.wrap{max-width:760px;margin:0 auto;padding:4rem 1.5rem 5rem}
header.site{border-bottom:1px solid var(--line);padding-bottom:1.5rem;margin-bottom:2.5rem}
.brand{font-family:"Courier New",monospace;letter-spacing:.35em;font-weight:700;font-size:1.05rem;color:var(--fg);text-transform:uppercase}
.brand .dot{color:var(--accent)}
nav.top{margin-top:.75rem;font-family:"Courier New",monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
nav.top a{margin-right:1.25rem;color:var(--muted);border:none}
nav.top a:hover{color:var(--accent)}
h1{font-weight:700;font-size:2rem;letter-spacing:-.01em;margin:0 0 .25rem}
h2{font-weight:700;font-size:1.2rem;margin:2.2rem 0 .6rem;color:var(--fg)}
h2::before{content:"§ ";color:var(--accent);font-family:"Courier New",monospace}
.eyebrow{font-family:"Courier New",monospace;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.meta{color:var(--muted);font-size:.85rem;font-family:"Courier New",monospace;margin-bottom:2rem}
p,li{color:#e6e9ec}
.muted{color:var(--muted)}
ul{padding-left:1.2rem}
li{margin:.35rem 0}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:1.25rem 1.5rem;margin:1.5rem 0}
code{font-family:"Courier New",monospace;background:#0c0e10;border:1px solid var(--line);border-radius:4px;padding:.1em .4em;color:var(--accent)}
footer.site{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;color:var(--muted);font-size:.8rem;font-family:"Courier New",monospace}
.btn{display:inline-block;font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;border:1px solid var(--accent);color:var(--accent);padding:.6rem 1.1rem;border-radius:6px;margin-top:1rem}
.btn:hover{background:var(--accent);color:#04181b;border-bottom:1px solid var(--accent)}