:root{
  --bg:#2c2c2c; --panel:#3a3a3a; --text:#eaeaea; --accent:#f1c40f; --muted:#bdbdbd;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:#a3d3ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:32px auto;padding:0 20px}
.header{display:flex;gap:24px;align-items:flex-start}
.header-left{flex:1;min-width:0}
.header h1{margin:0 0 6px 0;font-size:36px;font-weight:700}
.tagline{color:var(--muted);margin-bottom:16px}
.header-right{width:340px;flex:0 0 340px}
.portrait-stack{display:flex;flex-direction:column;gap:14px}
.portrait-stack img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.block{background:var(--panel);border-radius:18px;padding:20px;margin-top:22px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.block h2{margin:0 0 10px 0;font-size:18px;color:var(--accent);letter-spacing:.3px}
.bullets{margin:8px 0 0 0;padding-left:18px}
.bullets li{margin:4px 0}
.links{list-style:none;margin:8px 0 0 0;padding:0}
.links li{margin:6px 0}
.footer{color:var(--muted);font-size:13px;margin-top:28px}
@media (max-width: 960px){ .header{flex-direction:column} .header-right{width:100%;flex:0 0 auto}}