*{box-sizing:border-box}
:root{--accent:#5b8cff;--bg:#090b10;--card:rgba(20,23,32,.78);--card2:rgba(255,255,255,.055);--text:#f5f7fb;--muted:#a7adba;--line:rgba(255,255,255,.10)}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 35%),
linear-gradient(180deg,#090b10,#0d1017 55%,#080a0e);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}
.ambient{position:fixed;border-radius:999px;filter:blur(80px);opacity:.16;pointer-events:none;z-index:0}
.ambient-one{width:420px;height:420px;background:var(--accent);right:-180px;top:80px}
.ambient-two{width:320px;height:320px;background:#8a5cff;left:-160px;bottom:10%}
.shell{width:min(760px,calc(100% - 28px));margin:0 auto;padding:38px 0 30px;position:relative;z-index:1}
.card,.link-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 22px 65px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.card{border-radius:28px}
.hero{padding:30px;display:flex;gap:26px;align-items:center}
.avatar{width:116px;height:116px;border-radius:30px;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#8b5cf6);font-size:48px;font-weight:800}
.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.18em;color:color-mix(in srgb,var(--accent) 82%,white)}
h1{font-size:clamp(34px,7vw,54px);line-height:.98;margin:8px 0 9px;letter-spacing:-.045em}
.headline{font-weight:700;color:#d7dbea;margin:0 0 8px}
.location{margin:0 0 13px;color:var(--muted);font-size:14px}
.intro{margin:0;color:#c8ceda;line-height:1.65}
.links{display:grid;gap:12px;margin:16px 0}
.link-card{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;border-radius:20px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.link-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,white 10%);background:rgba(255,255,255,.085)}
.link-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.075);display:grid;place-items:center;font-size:21px;flex:0 0 auto}
.link-text{display:flex;flex-direction:column;min-width:0}
.link-text strong{font-size:16px}
.link-text small{color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arrow{margin-left:auto;color:var(--muted);font-size:20px}
.content-card{padding:26px;margin-top:16px}
.content-card h2{margin:6px 0 12px;font-size:24px;letter-spacing:-.025em}
.content-card p{margin:0;color:#c5cad4;line-height:1.72}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tag-list{list-style:none;padding:0;margin:15px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tag-list li{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.075);color:#d7dbe5;font-size:13px}
footer{display:flex;justify-content:center;align-items:center;gap:10px;color:#72798a;font-size:12px;padding:26px 0 0}
.admin-link{text-decoration:none;color:#72798a}
.admin-link:hover{color:#aeb4c0}
@media(max-width:640px){
 .shell{padding-top:18px}
 .hero{padding:23px;display:block}
 .avatar{width:92px;height:92px;border-radius:25px;margin-bottom:20px}
 .info-grid{grid-template-columns:1fr;gap:0}
 .content-card{padding:22px}
}

.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.fact-card{display:flex;align-items:center;gap:13px;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.045);backdrop-filter:blur(14px)}
.fact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.065);font-size:20px;flex:0 0 auto}
.fact-copy{display:flex;flex-direction:column;min-width:0}
.fact-copy small{font-size:11px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.fact-copy strong{font-size:14px;line-height:1.35;color:#edf0f7}
@media(max-width:640px){.facts-grid{grid-template-columns:1fr}}