:root{
  --bg:#0b0b0c; --card:#0f1112; --muted:#9aa3ad; --accent:#7dd3fc; --text:#e6eef3;
  --radius:10px; --max:980px; --gap:18px; --mono:ui-monospace,monospace; --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--sans);
  background:linear-gradient(180deg,var(--bg),#070708 120%);
  color:var(--text);
  padding:28px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

.container{width:100%;max-width:var(--max)}

/* Header */
.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap);margin-bottom:20px}
.left .name{margin:0;font-size:26px;font-weight:700}
.role{margin:6px 0;color:var(--muted);font-size:13px}
.tagline{margin:10px 0;color:var(--muted);font-size:13px}

/* nav meta */
.meta a{color:var(--muted);text-decoration:none;font-size:13px;margin-left:12px;padding:6px 8px;border-radius:8px}
.meta a:hover{color:var(--accent)}

/* CTAs */
.ctas{margin-top:10px}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:rgba(125,211,252,0.08);color:var(--accent);text-decoration:none;font-weight:600;margin-right:8px}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.03);color:var(--muted)}

/* summary */
.summary{margin-bottom:16px}
.summary h2{margin:0 0 8px;font-size:15px}
.summary p{margin:0;color:var(--muted);line-height:1.5}

/* grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,0.03)}
.card h3{margin:0 0 10px;font-size:14px}
.skills{list-style:none;padding:0;margin:0;color:var(--muted)}
.skills li{padding:6px 0;border-top:1px dashed rgba(255,255,255,0.02);font-size:13px}
.skills li:first-child{border-top:0;padding-top:0}

/* contact */
.contact a{color:var(--accent);text-decoration:none;font-family:var(--mono);font-size:13px}

/* footer */
.footer{text-align:center;margin-top:18px;color:var(--muted);font-size:12px}

/* responsive */
@media (max-width:720px){
  .grid{grid-template-columns:1fr}
  .hero{flex-direction:column;align-items:flex-start}
  .meta{margin-top:12px}
}

/* PRINTABLE STYLES */
@media print{
  body{background:transparent;color:#000;padding:8mm}
  .container{max-width:100%}
  .hero .meta, .ctas, .btn, .meta a {display:none !important}
  .grid{grid-template-columns:1fr;gap:8px}
  .card{border:0;background:transparent;box-shadow:none;padding:0}
  .summary p, .card, .skills li{color:#000}
  a[href]:after{content:" (" attr(href) ")";font-size:10px}
}