*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:#f4f4f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a12;min-height:100dvh;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.page{isolation:isolate;flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 1rem 3rem;display:flex;position:relative}@media (width>=48rem){.page{justify-content:center;padding:3rem 1.5rem}}.page__bg{z-index:-1;background:radial-gradient(80% 50% at 50% -20%,#7c5cff40,#0000),radial-gradient(60% 40% at 100%,#f472b61f,#0000),radial-gradient(50% 30% at 0 80%,#7c5cff1a,#0000),linear-gradient(#0a0a12 0%,#12121f 100%);position:fixed;inset:0}.page__orb{filter:blur(60px);opacity:.5;z-index:-1;pointer-events:none;border-radius:9999px;animation:8s ease-in-out infinite float;position:fixed}.page__orb--1{background:#7c5cff;width:200px;height:200px;animation-delay:0s;top:10%;left:-10%}.page__orb--2{background:#f472b6;width:160px;height:160px;animation-delay:-3s;bottom:20%;right:-5%}.page__orb--3{opacity:.3;background:#a78bfa;width:120px;height:120px;animation-delay:-5s;top:50%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-15px)scale(1.05)}66%{transform:translate(-10px,10px)scale(.95)}}.container{flex-direction:column;gap:1.5rem;width:100%;max-width:28rem;display:flex}.profile{text-align:center;padding:1.5rem 0 .75rem;animation:.6s ease-out both fade-up}.profile__avatar-wrap{margin-bottom:1rem;display:inline-block;position:relative}.profile__avatar-ring{background:linear-gradient(135deg,#7c5cff,#f472b6,#a78bfa);border-radius:9999px;animation:8s linear infinite spin-slow;position:absolute;inset:-4px}.profile__avatar{object-fit:cover;color:#f4f4f8;letter-spacing:-.02em;background:linear-gradient(135deg,#7c5cff66,#f472b64d);border:3px solid #0a0a12;border-radius:9999px;justify-content:center;align-items:center;width:96px;height:96px;font-size:2rem;font-weight:600;display:flex;position:relative}@media (width>=48rem){.profile__avatar{width:112px;height:112px;font-size:2.25rem}}.profile__name{letter-spacing:-.03em;background:linear-gradient(135deg,#f4f4f8 0%,#f4f4f8d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}@media (width>=48rem){.profile__name{font-size:2rem}}.profile__handle{color:#a78bfa;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.profile__bio{color:#f4f4f8a6;max-width:22rem;margin:0 auto;font-size:.9375rem;line-height:1.6}.links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.links__item{animation:.5s ease-out both fade-up}.links__item:first-child{animation-delay:.15s}.links__item:nth-child(2){animation-delay:.2s}.links__item:nth-child(3){animation-delay:.25s}.links__item:nth-child(4){animation-delay:.3s}.links__item:nth-child(5){animation-delay:.35s}.links__item:nth-child(6){animation-delay:.4s}.links__item:nth-child(7){animation-delay:.45s}.links__item:nth-child(8){animation-delay:.5s}.links__item:nth-child(9){animation-delay:.55s}.links__item:nth-child(10){animation-delay:.6s}.link-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a}.link-card:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}.link-card{border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.link-card:before{content:"";opacity:0;background:linear-gradient(135deg,#7c5cff14,#0000 60%);transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.link-card:hover,.link-card:active{background:#ffffff1a;border-color:#7c5cff59;transform:translateY(-2px);box-shadow:0 8px 32px #7c5cff26}.link-card:hover:before,.link-card:active:before{opacity:1}.link-card:hover .link-card__arrow,.link-card:active .link-card__arrow{opacity:1;transform:translate(4px)}.link-card:active{transform:translateY(0)}.link-card--featured{background:linear-gradient(135deg,#7c5cff1f,#f472b60f);border-color:#7c5cff4d}.link-card--featured .link-card__icon{color:#fff;background:linear-gradient(135deg,#7c5cff,#f472b6)}.link-card__icon{color:#a78bfa;z-index:1;background:#ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.link-card__icon svg{width:22px;height:22px}.link-card__content{z-index:1;flex:1;min-width:0;position:relative}.link-card__title{letter-spacing:-.01em;margin-bottom:2px;font-size:1rem;font-weight:600}.link-card__subtitle{color:#f4f4f8a6;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.link-card__arrow{color:#f4f4f866;opacity:.6;z-index:1;flex-shrink:0;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);position:relative}.link-card__arrow svg{width:100%;height:100%}.social{justify-content:center;gap:1rem;padding-top:.75rem;animation:.6s ease-out .5s both fade-up;display:flex}.social__link:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}.social__link{-webkit-backdrop-filter:blur(20px);color:#f4f4f8a6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;transition:color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);display:flex}.social__link svg{width:20px;height:20px}.social__link:hover,.social__link:active{color:#f4f4f8;background:#ffffff1a;border-color:#7c5cff4d;transform:translateY(-2px)}.footer{text-align:center;padding-top:1.5rem;animation:.6s ease-out .6s both fade-up}.footer__brand{letter-spacing:.08em;text-transform:uppercase;color:#f4f4f866;font-size:.75rem;font-weight:500}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}