.biolinks-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:biolinks-fadeIn .2s ease-out}.biolinks-modal{width:100%;max-width:560px;background:#fff;border-radius:24px;box-shadow:0 40px 80px rgba(15,23,42,.3);border:1px solid hsla(0,0%,100%,.1);position:relative;animation:biolinks-slideUp .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.biolinks-modal::-webkit-scrollbar{width:6px}.biolinks-modal::-webkit-scrollbar-track{background:transparent}.biolinks-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.biolinks-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;z-index:2}.biolinks-close:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.biolinks-header{text-align:center;padding:36px 32px 20px;background:linear-gradient(180deg,#f8fafc,#fff);border-radius:24px 24px 0 0;border-bottom:1px solid #f1f5f9}.biolinks-header-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 12px 32px rgba(79,70,229,.3)}.biolinks-header h2{margin:0 0 8px;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.biolinks-header p{font-size:14px;color:#64748b;line-height:1.6;max-width:400px;margin:0 auto}.biolinks-form{padding:24px 32px 32px;gap:20px}.biolinks-field,.biolinks-form{display:flex;flex-direction:column}.biolinks-field{gap:6px}.biolinks-field label{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.biolinks-field .required{color:#ef4444}.biolinks-charcount{margin-left:auto;font-size:12px;font-weight:500;color:#94a3b8}.biolinks-charcount.valid{color:#22c55e}.biolinks-field textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#fafafa;outline:none;transition:all .2s ease;resize:vertical;font-family:inherit;line-height:1.5}.biolinks-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);background:#fff}.biolinks-field textarea.field-error{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}.biolinks-charbar{height:4px;background:#f1f5f9;border-radius:99px;overflow:hidden}.biolinks-charbar-fill{height:100%;border-radius:99px;transition:width .3s ease,background-color .3s ease}.biolinks-hint{font-weight:400;font-size:12px;color:#94a3b8}.biolinks-error{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:4px}.biolinks-links-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.biolinks-link-input{display:flex;align-items:center;border:2px solid #e2e8f0;border-radius:12px;background:#fafafa;transition:all .2s ease;overflow:hidden}.biolinks-link-input:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);background:#fff}.biolinks-link-input.filled{border-color:#bbf7d0;background:#f0fdf4}.biolinks-link-icon{flex-shrink:0;width:36px;text-align:center;font-size:15px;color:#94a3b8}.biolinks-link-icon.twitter{color:#1da1f2}.biolinks-link-icon.linkedin{color:#0a66c2}.biolinks-link-icon.github{color:#24292e}.biolinks-link-icon.website{color:#4f46e5}.biolinks-link-input input{flex:1 1;border:none;outline:none;padding:10px 10px 10px 0;font-size:13px;color:#0f172a;background:transparent;min-width:0}.biolinks-link-input input::placeholder{color:#94a3b8}.biolinks-seo-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#fefce8;border:1px solid #fde68a;border-radius:12px;font-size:13px;color:#92400e;line-height:1.5}.biolinks-seo-note svg{flex-shrink:0;margin-top:2px;font-size:16px;color:#eab308}.biolinks-actions{display:flex;gap:12px;margin-top:4px}.biolinks-btn{flex:1 1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.biolinks-btn-skip{background:#fff;color:#64748b;border-color:#e2e8f0}.biolinks-btn-skip:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.biolinks-btn-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 16px rgba(79,70,229,.35)}.biolinks-btn-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(79,70,229,.4)}.biolinks-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.biolinks-spinner{width:18px;height:18px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:biolinks-spin .6s linear infinite}@keyframes biolinks-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes biolinks-slideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes biolinks-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.biolinks-modal{max-width:100%;border-radius:16px}.biolinks-header{padding:28px 20px 16px}.biolinks-header-icon{width:52px;height:52px;font-size:20px}.biolinks-header h2{font-size:19px}.biolinks-form{padding:20px}.biolinks-links-grid{grid-template-columns:1fr}.biolinks-actions{flex-direction:column-reverse}}