@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

:root{--pink:#ff007f;--acid:#dfff00;--night:#0b0b0c;--paper:#f2f0eb;--white:#fff;--muted:#b8b8bb;--glass-edge:#ffffff42}
*{box-sizing:border-box}
html{min-height:100%;background:var(--night)}
body{position:relative;isolation:isolate;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#ffffff0a 0,transparent 38rem),var(--night);color:var(--white);font-family:Inter,Arial,sans-serif}
body::before,body::after{position:fixed;z-index:-2;width:clamp(340px,56vw,660px);height:clamp(340px,56vw,660px);border-radius:50%;content:"";filter:blur(58px);mix-blend-mode:screen;pointer-events:none;will-change:transform}
body::before{top:6%;left:-26%;background:radial-gradient(circle at 36% 36%,#ff007ff2 0,#ff007f70 38%,transparent 72%);opacity:.68;animation:pink-current 15s ease-in-out infinite alternate}
body::after{right:-28%;bottom:-12%;background:radial-gradient(circle at 56% 48%,#dfff00c7 0,#dfff0047 39%,transparent 72%);opacity:.48;animation:acid-current 18s ease-in-out infinite alternate}
@keyframes pink-current{0%{transform:translate3d(-5vw,-2vh,0) scale(.92) rotate(-8deg)}50%{transform:translate3d(42vw,24vh,0) scale(1.1) rotate(8deg)}100%{transform:translate3d(12vw,52vh,0) scale(.96) rotate(-3deg)}}
@keyframes acid-current{0%{transform:translate3d(7vw,5vh,0) scale(.92) rotate(6deg)}50%{transform:translate3d(-38vw,-30vh,0) scale(1.08) rotate(-8deg)}100%{transform:translate3d(-8vw,-62vh,0) scale(.98) rotate(4deg)}}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.skip-link{position:fixed;z-index:10;top:-100px;left:16px;padding:12px 18px;background:var(--acid);color:var(--night);font-weight:800}
.skip-link:focus{top:16px}

.page-shell{position:relative;z-index:0;width:min(100%,680px);margin:0 auto;padding:clamp(34px,8vw,72px) clamp(20px,5vw,34px) max(32px,env(safe-area-inset-bottom))}
.profile{text-align:center}
.brand{display:block;width:min(76%,330px);margin:0 auto}
.brand:focus-visible{outline:3px solid var(--acid);outline-offset:8px}
h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tagline{margin:28px 0 0;color:var(--pink);font-size:.73rem;font-weight:800;letter-spacing:.11em;line-height:1.55;text-transform:uppercase}
.intro{max-width:520px;margin:14px auto 0;color:var(--muted);font-size:clamp(.95rem,3vw,1.05rem);line-height:1.6}
.person-card{display:inline-grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:center;margin-top:24px;text-align:left}
.person-portrait{position:relative;display:block;width:68px;height:68px}
.person-portrait img{display:block;width:68px;height:68px;border:2px solid var(--pink);border-radius:50%;background:#111;object-fit:cover;transform:scaleX(-1)}
.person-status{position:absolute;right:-1px;bottom:1px;width:16px;height:16px;border:3px solid #111;border-radius:50%;background:var(--acid)}
.person-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.person-label{color:var(--muted);font-size:.62rem;font-weight:750;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
.person-copy strong{font-size:.92rem;line-height:1.25}

.link-list{display:grid;gap:14px;margin-top:clamp(34px,7vw,54px)}
.link-item{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:74px;padding:16px 20px;overflow:hidden;border:1px solid var(--glass-edge);border-radius:16px;background:linear-gradient(135deg,#25252aee,#0f0f11e8);box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #ffffff0d,0 16px 38px #00000042;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}
.link-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:5px;text-align:left}
.link-label{color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.link-item strong{font-size:clamp(1rem,3.2vw,1.13rem);line-height:1.35}
.link-arrow{position:relative;z-index:1;display:inline-grid;place-items:center;inline-size:1em;block-size:1em;flex:0 0 1em;color:var(--pink);font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;font-variant-emoji:text;font-style:normal;font-weight:400;line-height:1;text-decoration:none}
.link-item:hover{border-color:#ffffff73;background:linear-gradient(135deg,#ffffff30,#ffffff12);box-shadow:inset 0 1px 0 #ffffff63,inset 0 -1px 0 #ffffff14,0 18px 44px #00000066,0 0 0 1px #ffffff14}
.link-item:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.link-item.is-primary{grid-template-columns:minmax(0,1fr) auto;border-color:var(--acid);background:linear-gradient(135deg,#25252aee,#0f0f11e8);color:var(--white);box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #ffffff0d,0 16px 38px #00000042,0 0 0 1px #dfff001f,0 0 28px #dfff0017}
.link-item.is-primary .link-label{color:var(--muted)}
.link-item.is-primary .link-arrow{color:var(--acid)}
.link-item.is-primary:hover{border-color:var(--acid);background:linear-gradient(135deg,#ffffff30,#ffffff12);box-shadow:inset 0 1px 0 #ffffff63,inset 0 -1px 0 #ffffff14,0 18px 44px #00000066,0 0 0 1px #dfff0038,0 0 34px #dfff002e}
.link-item.is-primary:hover .link-label{color:var(--muted)}
.link-item.is-primary:hover .link-arrow{color:var(--acid)}
.site-footer{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(38px,8vw,64px);padding-top:22px;border-top:1px solid #ffffff22;color:#929296;font-size:.74rem;line-height:1.5}
.site-footer p{margin:0}
.site-footer nav{display:flex;gap:18px}
.site-footer a:hover{color:var(--white)}
.site-footer a:focus-visible{outline:2px solid var(--acid);outline-offset:4px;color:var(--white)}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.link-item,.link-item.is-primary{background:linear-gradient(135deg,#ffffff24,#ffffff0d);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}}
@media (max-width:460px){body::before,body::after{width:360px;height:360px;filter:blur(48px)}body::before{left:-35%;opacity:.62}body::after{right:-38%;bottom:-10%;opacity:.43}.page-shell{padding-top:38px}.brand{width:min(82%,280px)}.tagline{margin-top:24px}.person-card{grid-template-columns:62px minmax(0,1fr);gap:12px;margin-top:20px}.person-portrait,.person-portrait img{width:62px;height:62px}.link-item{min-height:72px;padding:15px 17px;border-radius:14px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none}.link-item{transition:none}}
@media (forced-colors:active){body::before,body::after{display:none}.link-item,.link-item.is-primary{border:1px solid ButtonText;background:ButtonFace;box-shadow:none;color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}.link-item .link-label,.link-item .link-arrow,.link-item.is-primary .link-label,.link-item.is-primary .link-arrow{color:ButtonText}}