*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #07000f;--pink: #ff0888;--magenta: #d400f0;--purple: #7b00ff;--cyan: #00e5ff;--green: #00ffa3;--yellow: #ffe600;--text: #ffffff;--dim: rgba(255, 255, 255, .42);--surface: rgba(255, 255, 255, .052);--surface-h: rgba(255, 255, 255, .095);--border: rgba(255, 255, 255, .075)}html{height:100%}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;display:flex;justify-content:center;align-items:center;padding:60px 20px;position:relative;overflow-x:hidden}.orbs{position:fixed;inset:0;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(110px)}.orb-1{width:560px;height:560px;background:var(--pink);opacity:.09;top:-18%;left:-18%;animation:drift1 15s ease-in-out infinite alternate}.orb-2{width:480px;height:480px;background:var(--purple);opacity:.11;top:20%;right:-22%;animation:drift2 19s ease-in-out infinite alternate}.orb-3{width:380px;height:380px;background:var(--cyan);opacity:.07;bottom:0%;left:5%;animation:drift3 13s ease-in-out infinite alternate}.orb-4{width:260px;height:260px;background:var(--magenta);opacity:.09;bottom:25%;right:0%;animation:drift4 17s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(90px,110px) scale(1.12)}}@keyframes drift2{to{transform:translate(-65px,-90px) scale(.88)}}@keyframes drift3{to{transform:translate(70px,-55px) scale(1.18)}}@keyframes drift4{to{transform:translate(-45px,65px) scale(1.08)}}.grain{position:fixed;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px;pointer-events:none;z-index:0}.page{width:100%;max-width:480px;position:relative;z-index:1}.avatar-wrap{display:flex;justify-content:center;margin-bottom:26px;animation:pop .85s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.avatar-ring{position:relative;width:122px;height:122px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#ff0888,#f000ff,#7b00ff,#00e5ff,#00ffa3,#ffe600,#ff0888)}.avatar-ring:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,#ff0888,#f000ff,#7b00ff,#00e5ff,transparent,#ff0888);filter:blur(16px);opacity:.55;z-index:-1}.avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid var(--bg);background:#150025;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.avatar-inner img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-family:Syne,sans-serif;font-weight:800;font-size:2.4rem;background:conic-gradient(from 45deg,#ff0888,#f000ff,#00e5ff,#ff0888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile{text-align:center;margin-bottom:10px;animation:rise .8s .12s cubic-bezier(.22,1,.36,1) both}.profile-name{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.7rem,10vw,3.9rem);letter-spacing:-.02em;line-height:1;margin-bottom:14px;background:linear-gradient(90deg,#ff0888,#f000ff 22%,#7b00ff,#00e5ff 68%,#ff0888);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-flow 4s linear infinite}@keyframes rainbow-flow{to{background-position:-300% center}}.profile-handle{display:inline-block;font-size:.74rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);text-shadow:0 0 22px rgba(255,8,136,.75);margin-bottom:14px}.profile-bio{font-size:.91rem;color:var(--dim);line-height:1.72;font-weight:300}.links{display:flex;flex-direction:column;gap:12px}.link{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 24px;border-radius:50px;text-decoration:none;color:var(--text);font-size:.95rem;font-weight:500;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:background .24s ease,border-color .24s ease,transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease;animation:rise .7s cubic-bezier(.22,1,.36,1) both}.link:nth-child(1){animation-delay:.28s}.link:nth-child(2){animation-delay:.37s}.link:nth-child(3){animation-delay:.46s}.link:nth-child(4){animation-delay:.55s}.link:nth-child(5){animation-delay:.64s}.link:nth-child(6){animation-delay:.72s}.link:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--link-color, var(--pink)) 10%,transparent) 0%,transparent 70%);opacity:0;transition:opacity .24s ease}.link:hover{background:var(--surface-h);border-color:color-mix(in srgb,var(--link-color, var(--pink)) 55%,transparent);transform:translateY(-3px) scale(1.012);box-shadow:0 10px 40px color-mix(in srgb,var(--link-color, var(--pink)) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--link-color, var(--pink)) 18%,transparent),inset 0 1px #ffffff12}.link:hover:after{opacity:1}.link:active{transform:translateY(-1px) scale(1.005)}.link-text{position:relative;z-index:1}.footer{text-align:center;margin-top:56px;font-size:.67rem;color:#ffffff17;letter-spacing:.13em;text-transform:uppercase;animation:rise .8s .9s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.sparkles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sp{position:absolute;border-radius:50%;opacity:0;animation:twinkle var(--d) var(--dl) ease-in-out infinite backwards}@keyframes twinkle{0%,to{opacity:0;transform:scale(.1)}50%{opacity:.9;transform:scale(1)}}