:root{--bg:#0f1724;--card:#0b1220;--accent:#0078D4;--muted:#94a3b8;--text:#e6eef6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:900px;margin:0 auto;padding:24px}
.hero{padding:48px 0;text-align:center;background:linear-gradient(180deg, rgba(2,6,23,0.9), rgba(2,6,23,0.8))}
.hero h1{font-size:32px;margin:0 0 6px}
.hero p{margin:0 0 18px;color:var(--muted)}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--accent);color:white;text-decoration:none;margin:4px}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.08)}
main{padding:28px 0}
h2{color:var(--accent);margin-top:28px}
.skills-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
.skills-list li{background:#071129;padding:8px 12px;border-radius:6px;color:var(--muted)}
.project{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:14px;border-radius:8px;margin:12px 0}
.link{color:var(--accent);text-decoration:none}
footer{padding:20px 0;text-align:center;color:var(--muted);font-size:14px}
@media(max-width:600px){.hero h1{font-size:26px}}