:root{
  --bg:#08245c; --card:#0e2f74; --ink:#f2f6ff;
  --muted:#b9cbef; --gold:#f8e891; --line:#1b4390;
}
:root{ --bg2:#0b3a95; }
*{box-sizing:border-box}
body{
  margin:0; background:linear-gradient(180deg,var(--bg) 0%, var(--bg2) 100%);
  background-attachment:fixed; color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:720px;margin:0 auto;padding:32px 20px 72px}
header{text-align:center;padding:16px 0 8px}
header img{width:104px;height:104px;border-radius:23%;display:block;margin:0 auto 14px}
header .name{font-size:26px;font-weight:700;letter-spacing:.14em}
header .tag{color:var(--muted);margin-top:4px}
nav{display:flex;gap:10px;justify-content:center;margin:22px 0 8px;flex-wrap:wrap}
nav a{
  color:var(--ink);text-decoration:none;background:rgba(255,255,255,.08);
  border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-size:15px;
}
nav a.on{background:var(--gold);color:#0b2050;border-color:var(--gold);font-weight:600}
main{background:rgba(4,20,52,.55);border:1px solid var(--line);border-radius:16px;padding:26px 24px;margin-top:18px}
h1{font-size:24px;margin:0 0 6px}
h2{font-size:18px;margin:30px 0 8px;color:var(--gold)}
p,li{color:#e6edfb}
ul{padding-left:20px}
li{margin:5px 0}
a{color:#a9c8ff}
.mail{
  display:inline-block;background:var(--gold);color:#0b2050;font-weight:700;
  text-decoration:none;padding:12px 22px;border-radius:10px;margin:6px 0 2px;
}
.updated{color:var(--muted);font-size:14px}
footer{text-align:center;color:var(--muted);font-size:14px;margin-top:26px}
.q{font-weight:600;margin-top:18px}