:root{--bg: #0c0c0e;--bg-glow: #26262b;--text: #cbd0d5;--text-strong: #eef1f4;--box: #6f7172;--box-hover: #7e8081;--radius-card: 8px;--radius-thumb: 6px;--card-h: 84px;--card-gap: 18px;--thumb: 62px;--icon: 28px;--stack: 720px;--ease-out: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100dvh;display:flex;justify-content:center;padding:48px 20px 64px;overflow:hidden}.page:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(60% 45% at 50% 0%,var(--bg-glow) 0%,transparent 70%),radial-gradient(45% 35% at 50% 100%,#1a1a1f 0%,transparent 70%);animation:drift 22s var(--ease-out) infinite alternate}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1.5%,0) scale(1.06)}}.stage{width:100%;max-width:var(--stack)}.profile{text-align:center}.avatar{display:block;width:116px;height:116px;margin:0 auto;border-radius:50%;overflow:hidden;transition:transform .5s var(--ease-out)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar:hover{transform:scale(1.05)}.name{margin:16px 0 0;font-size:21px;font-weight:700;color:var(--text-strong);letter-spacing:.2px}.tagline{margin:20px 0 0;font-size:14px;font-weight:700;letter-spacing:.3px}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:26px 0 34px}.social{color:var(--text);display:inline-flex;padding:4px;transition:transform .35s var(--ease-out),color .25s ease}.social:hover{color:#fff;transform:translateY(-3px) scale(1.15)}.social-svg{display:block;width:var(--icon);height:var(--icon)}.links{display:flex;flex-direction:column;gap:var(--card-gap)}.link-card{display:block;text-decoration:none;transition:transform .35s var(--ease-out)}.link-card-inner{display:flex;align-items:center;position:relative;min-height:var(--card-h);padding:10px;border-radius:var(--radius-card);background:var(--box);overflow:hidden;transition:background-color .3s ease,box-shadow .35s var(--ease-out)}.link-thumb{position:absolute;left:10px;top:0;bottom:0;margin:auto 0;width:var(--thumb);height:var(--thumb);border-radius:var(--radius-thumb);overflow:hidden;flex:none;transition:transform .5s var(--ease-out)}.link-thumb img{width:100%;height:100%;object-fit:cover;display:block}.link-title{flex:1;padding:0 calc(var(--thumb) + 10px);text-align:center;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text);transition:color .25s ease}.link-card:hover{transform:translateY(-2px)}.link-card:hover .link-card-inner{background:var(--box-hover);box-shadow:0 10px 28px #00000073}.link-card:hover .link-thumb{transform:scale(1.06) rotate(-3deg)}.link-card:hover .link-title{color:#fff}.link-card:active{transform:translateY(0) scale(.99)}.link-card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / 18%) 50%,transparent 65%);transform:translate(-120%);opacity:0;pointer-events:none}.link-card:hover .link-card-inner:after{opacity:1;animation:sheen .9s var(--ease-out)}@keyframes sheen{to{transform:translate(120%)}}.reveal{opacity:0;animation:rise .7s var(--ease-out) forwards;animation-delay:calc(.12s + var(--i, 0) * 70ms)}.profile .reveal:nth-child(1){animation-delay:0ms}.profile .reveal:nth-child(2){animation-delay:90ms}.profile .reveal:nth-child(3){animation-delay:.16s}.socials.reveal{animation-delay:.24s}.links .reveal{animation-delay:calc(.32s + var(--i, 0) * 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:where(a):focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:8px}@media(max-width:480px){:root{--card-h: 74px;--card-gap: 14px;--thumb: 54px;--icon: 26px}.page{padding:34px 16px 52px}.avatar{width:100px;height:100px}.name{font-size:19px}.tagline{font-size:13px}.socials{gap:7px}.social{padding:4px 1px}.link-title{font-size:13px;letter-spacing:.6px;padding:0 calc(var(--thumb) + 6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1}}