*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#062a33 0%,#0a7286 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.biolinks{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.biolinks-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.biolinks-avatar{width:100px;height:100px;border-radius:50%;border:3px solid rgb(255 255 255 / .3);object-fit:cover}.biolinks-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.biolinks-bio{color:rgb(255 255 255 / .7);font-size:.9rem;max-width:320px;line-height:1.4}.biolinks-socials{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.biolinks-social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .15);color:#fff;text-decoration:none;transition:background 0.2s ease,transform 0.2s ease}.biolinks-social:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.biolinks-social svg{width:20px;height:20px}.biolinks-links{width:100%;display:flex;flex-direction:column;gap:.75rem}.biolinks-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .12);border-radius:12px;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:background 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.biolinks-link:hover{background:rgb(255 255 255 / .12);border-color:var(--accent);transform:translateY(-2px)}.biolinks-link-icon{display:flex;align-items:center;flex-shrink:0;opacity:.8}.biolinks-link-name{flex:1;text-align:center;padding-right:20px}.biolinks-footer{margin-top:1rem;color:rgb(255 255 255 / .3);text-decoration:none;font-size:.75rem;transition:color 0.2s ease}.biolinks-footer:hover{color:rgb(255 255 255 / .6)}