:root{color-scheme:dark;--bg: oklch(.16 .008 278);--panel: oklch(.22 .012 278 / 84%);--panel-border: oklch(.98 .006 278 / 10%);--text: oklch(.97 .006 278);--muted: oklch(.8 .018 278);--button: oklch(.12 .008 278);--button-hover: oklch(.2 .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{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(145deg,oklch(.58 .25 284 / 24%) 0%,transparent 34%),linear-gradient(230deg,oklch(.98 .006 278 / 7%) 0%,transparent 42%),linear-gradient(150deg,#111116,#1c1c22 42%,#07070a);animation:scene-wake .8s var(--ease-out-expo) both}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(oklch(.98 .006 278 / 4%) 1px,transparent 1px),linear-gradient(90deg,oklch(.98 .006 278 / 3.5%) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent);animation:grid-drift 16s linear infinite}a{color:inherit}.page-shell{position:relative;display:grid;min-height:100vh;place-items:center;padding:48px 18px}.profile-card{width:min(100%,580px);min-height:min(840px,calc(100vh - 96px));display:flex;flex-direction:column;justify-content:center;gap:28px;padding:clamp(28px,5vw,48px);overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:linear-gradient(180deg,oklch(.98 .006 278 / 8%),transparent 22%),var(--panel);box-shadow:0 24px 80px #0000006b;backdrop-filter:blur(18px);animation:card-arrive .68s var(--ease-out-expo) 80ms both}.identity-mark{position:relative;width:136px;height:136px;display:grid;place-items:center;align-self:center;border-radius:999px;color:inherit;text-decoration:none;isolation:isolate;animation:brand-arrive .72s var(--ease-out-expo) .24s both}.identity-mark:after{position:absolute;inset:-14px;z-index:-1;border-radius:inherit;content:"";background:conic-gradient(from 210deg,transparent,oklch(.74 .16 284 / 32%),transparent 34%);filter:blur(18px);opacity:.72;animation:halo-turn 8s linear infinite}.portrait-frame{width:136px;height:136px;display:block;overflow:hidden;border:1px solid oklch(.98 .006 278 / 18%);border-radius:inherit;background:#050608;box-shadow:0 22px 48px #0000006b,0 0 0 8px oklch(.58 .25 284 / 10%)}.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 22%;transform:scale(1.08);transition:filter .26s var(--ease-out-quart),transform .26s var(--ease-out-quart)}.brand-badge{position:absolute;right:-5px;bottom:2px;width:50px;height:50px;display:grid;place-items:center;border:1px solid oklch(.98 .006 278 / 18%);border-radius:999px;background:linear-gradient(145deg,var(--brand),var(--brand-bright));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{display:grid;gap:8px;text-align:center;animation:copy-rise .62s var(--ease-out-quint) .36s both}.handle{margin:0;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:800}h1{margin:0;font-size:clamp(1.05rem,3.4vw,1.28rem);font-weight:700}.subtitle{max-width:30rem;margin:0 auto;color:var(--muted);font-size:clamp(.9rem,2.7vw,1rem);line-height:1.45}.links-list{display:grid;gap:14px}.link-button{min-height:64px;position:relative;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--button-border);border-radius:8px;color:var(--text);background:var(--button);font-size:1rem;font-weight:800;text-align:center;text-decoration:none;overflow:hidden;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)}.link-button:before{position:absolute;inset:1px;border-radius:7px;content:"";background:linear-gradient(105deg,transparent 0%,oklch(.98 .006 278 / 9%) 44%,transparent 62%);opacity:0;transform:translate(-38%);transition:opacity .22s var(--ease-out-quart),transform .42s var(--ease-out-expo)}.link-button:hover{transform:translateY(-3px);border-color:#f7f8fd38;background:var(--button-hover);box-shadow:0 12px 28px #00000057}.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{width:36px;height:36px;display:grid;place-items:center}.link-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;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{min-width:0;overflow-wrap:anywhere}.footer-note{display:flex;justify-content:center;gap:12px;color:#f7f8fda8;font-size:.78rem;animation:copy-rise .52s var(--ease-out-quint) .85s both}.footer-note span+span:before{padding-right:12px;content:"/";color:#f7f8fd57}@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(max-width:520px){.page-shell{align-items:stretch;padding:0}.profile-card{width:100%;min-height:100vh;border-width:0;border-radius:0;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{min-height:60px;grid-template-columns:38px 1fr 38px}.footer-note{flex-direction:column;gap:4px;text-align:center}.footer-note span+span:before{padding-right:0;content:""}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.link-button{transition:none}.link-button:hover{transform:none}}