/* style.css - dark professional blue/gray theme
   Edit colors below to customize.
*/

:root{
  --bg: #0f1112;
  --surface: #141618;
  --muted: #9aa6b2;
  --text: #e6eef6;
  --accent: #3b82f6; /* blue accent */
  --card: #17181a;
  --mono: #7dd3fc;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.container{max-width:900px;margin:0 auto;padding:28px;}
.banner{width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,0.03);margin-bottom:18px;}

/* Header */
.site-header{text-align:left;margin-bottom:16px;}
.site-header h1{font-size:2.4rem;margin:0 0 6px 0;color:var(--text);}
.handle{color:var(--muted);margin:0 0 8px 0;}
.mono{color:var(--mono);font-weight:600;font-family:monospace;}

/* Cards / sections */
.card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));padding:18px;border-radius:10px;margin-bottom:16px;border:1px solid rgba(255,255,255,0.03);}
h2{color:var(--accent);margin-top:0;}
p{line-height:1.5;color:var(--text);}

/* Links */
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* Footer */
footer{text-align:center;color:var(--muted);margin-top:28px;}
.small{font-size:0.9rem;color:var(--muted);}

/* Misc */
code{background:#0b1220;padding:2px 6px;border-radius:4px;color:var(--mono);}
ul{padding-left:1.1rem}
.muted{color:var(--muted);}

/* Responsive */
@media (max-width:600px){
  .container{padding:18px;}
  .site-header h1{font-size:1.6rem}
}