:root{color-scheme:dark;--bg:oklch(16% .008 278);--panel:oklch(22% .012 278/.84);--panel-border:oklch(98% .006 278/.1);--text:oklch(97% .006 278);--muted:oklch(80% .018 278);--button:oklch(12% .008 278);--button-hover:oklch(20% .015 278);--button-border:oklch(98% .006 278/.12);--brand:oklch(58% .25 284);--brand-bright:oklch(68% .23 284);--focus:oklch(74% .16 284);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);animation:scene-wake .8s var(--ease-out-expo) both;background:linear-gradient(145deg,oklch(58% .25 284/.24) 0%,#0000 34%),linear-gradient(230deg,oklch(98% .006 278/.07) 0%,#0000 42%),linear-gradient(150deg,oklch(18% .009 278) 0%,oklch(23% .011 278) 42%,oklch(13% .008 278) 100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(oklch(98% .006 278/.04) 1px,#0000 1px),linear-gradient(90deg,oklch(98% .006 278/.035) 1px,#0000 1px);background-size:34px 34px;animation:16s linear infinite grid-drift;position:fixed;inset:0;mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}a{color:inherit}.page-shell{place-items:center;min-height:100vh;padding:48px 18px;display:grid;position:relative}.profile-card{border:1px solid var(--panel-border);background:linear-gradient(180deg, oklch(98% .006 278/.08), transparent 22%), var(--panel);backdrop-filter:blur(18px);width:min(100%,580px);min-height:min(840px,100vh - 96px);animation:card-arrive .68s var(--ease-out-expo) 80ms both;border-radius:8px;flex-direction:column;justify-content:center;gap:28px;padding:clamp(28px,5vw,48px);display:flex;overflow:hidden;box-shadow:0 24px 80px oklch(2% .006 278/.42)}.identity-mark{width:136px;height:136px;color:inherit;isolation:isolate;animation:brand-arrive .72s var(--ease-out-expo) .24s both;border-radius:999px;align-self:center;place-items:center;text-decoration:none;display:grid;position:relative}.identity-mark:after{z-index:-1;border-radius:inherit;content:"";filter:blur(18px);opacity:.72;background:conic-gradient(from 210deg,#0000,oklch(74% .16 284/.32),#0000 34%);animation:8s linear infinite halo-turn;position:absolute;inset:-14px}.portrait-frame{border-radius:inherit;background:oklch(12% .008 278);border:1px solid oklch(98% .006 278/.18);width:136px;height:136px;display:block;overflow:hidden;box-shadow:0 22px 48px oklch(2% .006 278/.42),0 0 0 8px oklch(58% .25 284/.1)}.portrait-frame img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;transition:filter .26s var(--ease-out-quart), transform .26s var(--ease-out-quart);display:block;transform:scale(1.08)}.brand-badge{background:linear-gradient(145deg, var(--brand), var(--brand-bright));border:1px solid oklch(98% .006 278/.18);border-radius:999px;place-items:center;width:50px;height:50px;display:grid;position:absolute;bottom:2px;right:-5px;box-shadow:0 12px 28px oklch(58% .25 284/.36)}.brand-badge img{width:34px;height:34px;transition:transform .22s var(--ease-out-quint)}.identity-mark:hover .portrait-frame img{filter:saturate(1.08)contrast(1.04);transform:scale(1.12)}.identity-mark:hover .brand-badge img{transform:scale(1.05)rotate(-3deg)}.profile-copy{text-align:center;animation:copy-rise .62s var(--ease-out-quint) .36s both;gap:8px;display:grid}h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.35rem,4.4vw,1.7rem);font-weight:800}.role{text-wrap:balance;margin:0;font-size:clamp(.98rem,3.2vw,1.12rem);font-weight:700}.handle{color:var(--muted);letter-spacing:.01em;margin:4px 0 0;font-size:.9rem;font-weight:600}.subtitle{max-width:30rem;color:var(--muted);margin:0 auto;font-size:clamp(.9rem,2.7vw,1rem);line-height:1.45}.links-list{gap:14px;display:grid}.link-button{border:1px solid var(--button-border);min-height:64px;color:var(--text);background:var(--button);text-align:center;animation:link-rise .52s var(--ease-out-quint) both;animation-delay:calc(.46s + (var(--index) * 70ms));transition:transform .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), background .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);border-radius:8px;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:0 16px;font-size:1rem;font-weight:800;text-decoration:none;display:grid;position:relative;overflow:hidden}.link-button:before{content:"";opacity:0;transition:opacity .22s var(--ease-out-quart), transform .42s var(--ease-out-expo);background:linear-gradient(105deg,#0000 0%,oklch(98% .006 278/.09) 44%,#0000 62%);border-radius:7px;position:absolute;inset:1px;transform:translate(-38%)}.link-button:hover{background:var(--button-hover);border-color:oklch(98% .006 278/.22);transform:translateY(-3px);box-shadow:0 12px 28px oklch(2% .006 278/.34)}.link-button:hover:before{opacity:1;transform:translate(38%)}.link-button:active{transform:translateY(-1px)scale(.99)}.link-button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.link-icon{place-items:center;width:36px;height:36px;display:grid}.link-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px;transition:transform .18s var(--ease-out-quart)}.link-button:hover .link-icon:first-child svg{transform:translate(2px)}.link-icon--right{opacity:.62}.link-button:hover .link-icon--right svg{transform:translate(2px,-2px)}.link-label{overflow-wrap:anywhere;min-width:0}.footer-note{color:oklch(98% .006 278/.66);animation:copy-rise .52s var(--ease-out-quint) .85s both;justify-content:center;gap:12px;font-size:.78rem;display:flex}.footer-note span+span:before{content:"/";color:oklch(98% .006 278/.34);padding-right:12px}@keyframes scene-wake{0%{background-position:-80px -80px,80px 80px,0 0}to{background-position:0 0,0 0,0 0}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:34px 34px}}@keyframes card-arrive{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes brand-arrive{0%{opacity:0;transform:translateY(14px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes halo-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes copy-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes link-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.page-shell{align-items:stretch;padding:0}.profile-card{border-width:0;border-radius:0;width:100%;min-height:100vh;padding:56px 22px 28px}.identity-mark,.portrait-frame{width:122px;height:122px}.brand-badge{width:46px;height:46px}.brand-badge img{width:31px;height:31px}.link-button{grid-template-columns:38px 1fr 38px;min-height:60px}.footer-note{text-align:center;flex-direction:column;gap:4px}.footer-note span+span:before{content:"";padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.link-button{transition:none}.link-button:hover{transform:none}}