:root{
  --bg:#0f1419; --panel:#161d26; --border:#2c3e50; --navy:#3498db; --red:#e74c3c;
  --white:#ecf0f1; --grey:#9aa3a4; --light:#cfd6d6; --green:#2ecc71;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--light);line-height:1.6;min-height:100vh}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--red)}
.container{max-width:960px;margin:0 auto;padding:0 20px}
header{background:var(--panel);border-bottom:2px solid var(--red);padding:18px 0}
header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font-size:1.5em;font-weight:bold;color:var(--white)}
.logo span{color:var(--red)}
nav a{margin-left:18px;color:var(--grey);font-size:.95em}
nav a:hover{color:var(--navy)}
.hero{text-align:center;padding:60px 20px;background:linear-gradient(160deg,#161d26,#0f1419)}
.hero h1{font-size:2.6em;color:var(--white);margin-bottom:.2em}
.hero h1 span{color:var(--navy)}
.hero p{color:var(--grey);font-size:1.1em;max-width:600px;margin:0 auto}
.btn{display:inline-block;background:var(--red);color:#fff;padding:10px 22px;border-radius:6px;margin-top:18px;font-weight:bold}
.btn:hover{background:#c0392b;color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:40px 0}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px;transition:.2s}
.card:hover{border-color:var(--navy);transform:translateY(-3px)}
.card h3{color:var(--white);margin-bottom:8px}
.card .meta{color:var(--red);font-size:.82em;margin-bottom:10px}
.card p{color:var(--grey);font-size:.92em}
section{padding:30px 0}
h2.section{color:var(--navy);border-left:4px solid var(--red);padding-left:12px;margin-bottom:20px}
.post{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:20px}
.post h3 a{color:var(--white);font-size:1.3em}
.post .meta{color:var(--red);font-size:.82em;margin:6px 0 12px}
.post p{color:var(--grey)}
footer{background:var(--panel);border-top:2px solid var(--red);padding:24px 0;margin-top:40px;text-align:center;color:var(--grey);font-size:.88em}
.cv-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--red);margin:0 auto 16px;display:block}
.cv-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}
@media(max-width:760px){.cv-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
.tag{display:inline-block;background:#1b2631;color:var(--navy);font-size:.75em;padding:2px 8px;border-radius:4px;margin-right:6px}