.skip-link{position:fixed;top:-100%;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;border-radius:0 0 8px 8px;background:#7c3aed;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}.app{position:relative;min-height:100vh;overflow:hidden}.container{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:48px 24px;display:flex;flex-direction:column;align-items:center}.background-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.background-blob{animation:blobFloat 12s ease-in-out infinite}}.blob-1{width:400px;height:400px;background:#ff6ec7;top:-100px;left:-100px;animation-delay:0s}.blob-2{width:350px;height:350px;background:#7c3aed;bottom:-80px;right:-80px;animation-delay:-4s}.blob-3{width:300px;height:300px;background:#f59e0b;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-8s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.profile{text-align:center;margin-bottom:32px}.avatar-wrapper{position:relative;width:120px;height:120px;margin:0 auto 20px}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:linear-gradient(135deg,#ff6ec7,#7c3aed,#f59e0b,#ff6ec7);background-size:300% 300%}@media(prefers-reduced-motion:no-preference){.avatar-ring{animation:ringRotate 4s linear infinite}}@keyframes ringRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar{width:100%;height:100%;border-radius:50%;background:#1e1b4b;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:#a78bfa;overflow:hidden}.avatar svg{width:64px;height:64px}.name{font-size:1.75rem;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#f9a8d4,#a78bfa,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@supports not (background-clip: text){.name{color:#f9a8d4}}.bio{font-size:1rem;color:#fffc;letter-spacing:.02em}.links{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.link-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:16px;text-decoration:none;color:#fff;font-weight:600;font-size:1.05rem;background:var(--gradient);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #0003;overflow:hidden;outline:none}@media(prefers-reduced-motion:no-preference){.link-card{transition:transform .2s ease,box-shadow .2s ease}}.link-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f;opacity:0;transition:opacity .2s ease}.link-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000059}.link-card:focus-visible{outline:3px solid #ffffff;outline-offset:3px;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000059}.link-card:hover:before{opacity:1}.link-card:active{transform:translateY(-1px) scale(1.01)}.link-label{position:relative;z-index:1}.link-arrow{position:relative;z-index:1;font-size:1.2rem;transition:transform .2s ease}.link-card:hover .link-arrow{transform:translate(4px)}.socials{display:flex;gap:20px;margin-bottom:32px}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff14;color:#ffffffb3;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline:none}@media(prefers-reduced-motion:no-preference){.social-icon{transition:all .25s ease}}.social-icon svg{width:22px;height:22px}.social-icon:hover{background:#ffffff2e;color:#fff;transform:translateY(-3px) scale(1.1)}.social-icon:focus-visible{outline:3px solid #ffffff;outline-offset:3px;background:#ffffff2e;color:#fff}.footer{text-align:center;color:#ffffff80;font-size:.85rem}@media(max-width:480px){.container{padding:32px 16px}.avatar-wrapper{width:100px;height:100px}.avatar svg{width:54px;height:54px}.name{font-size:1.4rem}.link-card{padding:14px 18px;font-size:.95rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#0f0c29;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff}