:root{--font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--bg-color:#000;--text-color:#fff;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-highlight:hsla(0,0%,100%,.2);--accent-glow:0 0 20px rgba(120,255,214,.5);--card-shadow:0 8px 32px 0 rgba(0,0,0,.37)}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.background-animation{background:radial-gradient(circle at 50% 50%,#1a1a2e,#000);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-animation:after,.background-animation:before{animation:float 10s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);height:60vw;opacity:.6;position:absolute;width:60vw}.background-animation:before{animation-duration:12s;background:linear-gradient(90deg,#7b4397,#dc2430);left:-10%;top:-10%}.background-animation:after{animation-duration:15s;background:linear-gradient(90deg,#00c6ff,#0072ff);bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,50px) scale(1.1)}to{transform:translate(-20px,-20px) scale(1)}}.container{align-items:center;animation:slideIn .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0003;border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:2rem;max-width:480px;padding:3rem 2rem;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-section{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.avatar{border:4px solid var(--glass-highlight);border-radius:50%;box-shadow:0 0 30px #00000080;height:140px;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:140px}.avatar:hover{border-color:#fff;box-shadow:0 0 40px #ffffff4d;transform:scale(1.1) rotate(5deg)}.name{background:linear-gradient(90deg,#fff,#bbb);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:700;-webkit-text-fill-color:transparent;margin-top:.5rem}.bio{color:#ddd;font-size:1rem;font-weight:300;line-height:1.5}.links-section{gap:1.2rem;width:100%}.link-card,.links-section{display:flex;flex-direction:column}.link-card{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;color:var(--text-color);gap:.3rem;overflow:hidden;padding:1.2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.link-title{font-size:1.1rem;font-weight:700;z-index:2}.link-description{color:#ffffffb3;font-size:.85rem;font-weight:300;z-index:2}.link-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:.5s;width:100%}.link-card:hover{background:var(--glass-highlight);border-color:#fff;box-shadow:0 5px 15px #0000004d;text-shadow:0 0 8px hsla(0,0%,100%,.5);transform:translateY(-2px) scale(1.02)}.link-card:hover:before{transform:translate(100%)}
