:root{
  --bg:#070a12;
  --bg2:#101827;
  --card:rgba(255,255,255,.095);
  --card2:rgba(255,255,255,.135);
  --text:#f8fafc;
  --muted:#a8b3c7;
  --line:rgba(255,255,255,.16);
  --red:#e50914;
  --red2:#b20710;
  --blue:#38bdf8;
  --green:#22c55e;
  --shadow:0 28px 80px rgba(0,0,0,.42);
  --radius:30px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%}
body{
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at 18% 0%, rgba(229,9,20,.34), transparent 32%),
    radial-gradient(circle at 94% 8%, rgba(56,189,248,.18), transparent 30%),
    linear-gradient(180deg,#080b14 0%,#0d1423 48%,#05070d 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom, black, transparent 82%);
}
a{color:inherit;text-decoration:none}

/* Hard image reset: keeps repository icon assets from escaping their tiles */
img{max-width:100%;height:auto;}
.link-icon,.detail-icon{
  overflow:hidden!important;
  flex:0 0 48px!important;
}
.link-icon > img,.detail-icon > img,
.link-card .link-icon img,.detail-row .detail-icon img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.avatar-frame img,.contact-avatar-frame img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
}
button{font:inherit}
.skip-link{
  position:absolute;
  left:12px;
  top:-48px;
  z-index:50;
  padding:10px 14px;
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  transition:top .2s ease;
}
.skip-link:focus{top:12px}
.shell{
  width:min(100%, 760px);
  margin:0 auto;
  padding:clamp(18px,4vw,34px);
  position:relative;
}
.profile-card,.contact-card,.section{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-radius:var(--radius);
}
.profile-card{padding:clamp(22px,4.5vw,38px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.avatar-frame{
  width:150px;
  height:150px;
  border-radius:36px;
  padding:5px;
  background:linear-gradient(135deg,#fff,#f87171 45%,#38bdf8);
  box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 32px rgba(229,9,20,.20);
  position:relative;
  overflow:hidden;
}
.avatar,.avatar-fallback{width:100%;height:100%;border-radius:31px;display:block}
.avatar{object-fit:cover;position:relative;z-index:2}
.avatar-fallback{
  position:absolute;
  inset:5px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#111827,#dc2626);
  color:white;
  font-weight:950;
  font-size:42px;
  letter-spacing:-.06em;
  z-index:1;
}
.eyebrow{
  margin:0 0 10px;
  color:#fecaca;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
  font-weight:850;
}
h1{font-size:clamp(34px,7vw,58px);line-height:.96;letter-spacing:-.065em;margin:0 0 12px;font-weight:950}
.title{font-size:clamp(18px,3.2vw,25px);line-height:1.25;margin:0;color:#ffffff;font-weight:850}
.summary{font-size:15.5px;line-height:1.55;color:var(--muted);margin:12px 0 0;max-width:560px}
.primary-actions,.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.09);
  color:white;
  min-height:46px;
  padding:12px 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:850;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);outline:0}
.btn:active{transform:scale(.98)}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--red2));border-color:rgba(255,255,255,.10);box-shadow:0 14px 34px rgba(229,9,20,.28)}
.section{margin-top:24px;padding:clamp(20px,4vw,30px)}
.section-heading{margin-bottom:18px}
.section-kicker{margin:0 0 6px;color:#93c5fd;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900}
h2{margin:0;font-size:clamp(22px,4vw,30px);letter-spacing:-.035em;line-height:1.08}
.link-grid,.detail-list{display:grid;gap:12px}
.link-card,.detail-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:78px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.075);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.link-card:hover,.link-card:focus-visible,.detail-row:hover,.detail-row:focus-visible{transform:translateY(-2px);border-color:rgba(56,189,248,.35);background:rgba(255,255,255,.115);outline:0}
.link-card.highlight{border-color:rgba(229,9,20,.38);background:linear-gradient(135deg,rgba(229,9,20,.20),rgba(255,255,255,.08))}
.link-icon,.detail-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(30,41,59,.86));
  border:1px solid rgba(255,255,255,.13);
  color:#7dd3fc;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.04em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.link-icon img,.detail-icon img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 0 10px rgba(56,189,248,.24));
}
.link-card.highlight .link-icon img{filter:drop-shadow(0 0 12px rgba(255,255,255,.20));}
.link-card strong,.detail-row strong{display:block;font-size:17px;line-height:1.15;color:#fff}
.link-card small,.detail-row small{display:block;margin-top:5px;font-size:13px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.arrow{font-size:24px;color:#cbd5e1;opacity:.9}
.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7f8ca3;font-size:13px;padding:22px 4px 0}
.top-nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.nav-pill{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:12px 16px;
  font-weight:850;
}
.nav-pill-red{background:linear-gradient(135deg,var(--red),var(--red2));border-color:rgba(255,255,255,.1)}
.contact-shell{max-width:680px}
.contact-card{text-align:center;padding:clamp(24px,5vw,38px)}
.contact-avatar-frame{margin:0 auto 22px;width:132px;height:132px;border-radius:32px}
.contact-avatar-frame .avatar,.contact-avatar-frame .avatar-fallback{border-radius:27px}
.contact-card h1{font-size:clamp(32px,6vw,48px)}
.contact-actions{justify-content:center;margin-bottom:22px}
.detail-list{text-align:left;margin-top:20px}
.detail-row{grid-template-columns:auto minmax(0,1fr);min-height:74px}
.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  background:#fff;
  color:#0f172a;
  font-weight:850;
  padding:12px 16px;
  border-radius:999px;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  transition:opacity .2s ease,transform .2s ease;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){
  .shell{padding:14px}
  .hero-grid{grid-template-columns:1fr;text-align:center;gap:18px}
  .avatar-frame{margin:0 auto;width:132px;height:132px;border-radius:31px}
  .avatar,.avatar-fallback{border-radius:26px}
  .primary-actions,.contact-actions{justify-content:center}
  .btn{flex:1 1 auto;min-width:132px}
  .link-card,.detail-row{border-radius:20px;min-height:76px}
  .footer{justify-content:center;text-align:center}
}
@media(max-width:390px){
  .link-icon,.detail-icon{width:42px;height:42px;border-radius:14px;font-size:12px}
  .link-icon img,.detail-icon img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important}
  .link-card,.detail-row{gap:10px;padding:12px}
  .link-card strong,.detail-row strong{font-size:16px}
  .link-card small,.detail-row small{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}