:root{--bg:#0b1220;--panel:#0f1b2b;--muted:#9fb0bd;--text:#e6eef5;--accent:#22c1b7;--accent2:#34d399}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,system-ui,Segoe UI,Arial;color:var(--text);background:var(--bg)}
.hero{position:relative;padding:72px 24px 32px;border-bottom:1px solid rgba(255,255,255,.06);
  background: radial-gradient(1000px 520px at 15% -20%, rgba(52,211,153,.10), transparent 60%),
              radial-gradient(1200px 620px at 85% -30%, rgba(34,193,183,.10), transparent 60%)}
.hero-inner{max-width:1100px;margin:0 auto;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.avatar{width:120px;height:120px;border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.5);flex:0 0 auto}
.hero h1{margin:0 0 8px;font-size:34px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0 0 16px;max-width:720px;color:var(--muted)}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--accent);color:#062e2e;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(34,193,183,.25)}
.btn:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent;border:1px solid var(--accent);color:var(--text)}
.hero-art{position:absolute;inset:auto 24px -50px auto;opacity:.14;pointer-events:none;display:flex;gap:16px}
main{max-width:1100px;margin:0 auto;padding:40px 24px}
h2{color:var(--accent);margin:0 0 12px}
p{color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:20px}
.card{background:var(--panel);padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.card h3{margin:0 0 6px;color:#d5f5f2}
.cta-center{text-align:center;margin-top:22px}
.teaching{padding:18px 0}
.teaching-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}
.teaching-list>li{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px}
.teaching-list em{font-style:normal;color:#d5f5f2}
.cv-ref{color:#a6ffef;font-size:.9em;opacity:.9}
.contact{text-align:center;padding:24px 0}
.footer{padding:28px 24px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.06)}
@media (prefers-color-scheme: light){:root{--bg:#f6f8fb;--panel:#ffffff;--text:#0f172a;--muted:#44515d}
.hero{border-bottom:1px solid #e6ecf2}.card{border-color:#e6ecf2;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.teaching-list>li{border-color:#e6ecf2}}
.social-hero {
  margin-top: 8px;
  display: inline-flex;
  gap: 8px;
}
.social-hero a {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  color: var(--text);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  transition: transform .15s ease, filter .15s ease;
}
.social-hero a:hover { filter: brightness(1.1); transform: translateY(-1px); }