.kd-vcard-page{display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 64px;min-height:60vh}.kd-vcard-card{width:100%;max-width:420px;background:var(--kd-light);border:1px solid var(--kd-inactive);border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.kd-vcard-visiting{padding:24px 16px 20px;border-top:1px solid var(--kd-inactive);background:var(--kd-light)}.kd-vcard-visiting-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.kd-vcard-visiting-tab{flex:1;max-width:140px;min-height:44px;padding:10px 16px;border:1px solid var(--kd-inactive);border-radius:10px;background:var(--kd-light);color:var(--kd-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.kd-vcard-visiting-tab.is-active{background:color-mix(in srgb,var(--kd-primary) 10%,var(--kd-light));border-color:color-mix(in srgb,var(--kd-primary) 30%,var(--kd-inactive));color:var(--kd-primary)}.kd-vcard-visiting-grid{display:block}.kd-vcard-visiting-item{display:none;margin:0;text-align:center}.kd-vcard-visiting-item.is-active{display:block}.kd-vcard-visiting-img{display:block;width:100%;max-width:360px;margin:0 auto;border-radius:12px;box-shadow:0 4px 20px #0000001a}.kd-vcard-visiting-caption{margin-top:12px}.kd-vcard-visiting-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--kd-inactive);color:var(--kd-dark);font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease}@media(hover:hover)and (pointer:fine){.kd-vcard-visiting-download:hover{background:color-mix(in srgb,var(--kd-primary) 8%,var(--kd-inactive))}}.kd-vcard-visiting-download:active{transform:scale(.97)}.kd-vcard-body{display:block}.kd-vcard-hero{padding:32px 24px 24px;text-align:center;background:linear-gradient(165deg,color-mix(in srgb,var(--kd-primary) 12%,var(--kd-light)) 0%,var(--kd-light) 60%);border-bottom:1px solid var(--kd-inactive)}.kd-vcard-avatar-wrap{position:relative;display:inline-block;margin-bottom:16px}.kd-vcard-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--kd-light);box-shadow:0 2px 12px #00000014}.kd-vcard-avatar--empty{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kd-primary) 10%,var(--kd-inactive));color:var(--kd-secondary);font-size:2.5rem}.kd-vcard-logo-chip{position:absolute;right:-4px;bottom:4px;width:40px;height:40px;border-radius:10px;object-fit:contain;background:var(--kd-light);border:2px solid var(--kd-light);box-shadow:0 1px 6px #0000001a}.kd-vcard-name{font-size:clamp(1.5rem,5vw,1.875rem);font-weight:800;color:var(--kd-dark);margin:0 0 6px;line-height:1.2;letter-spacing:-.02em}.kd-vcard-role{color:var(--kd-secondary);font-size:.95rem;margin:0 0 10px;line-height:1.45}.kd-vcard-role-sep{opacity:.6}.kd-vcard-bio{color:var(--kd-dark);font-size:.925rem;line-height:1.55;margin:0;max-width:340px;margin-inline:auto;opacity:.85}.kd-vcard-actions{padding:8px 12px}.kd-vcard-action{display:flex;align-items:center;gap:14px;padding:14px 12px;min-height:48px;border-radius:12px;text-decoration:none;color:inherit;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .16s cubic-bezier(.23,1,.32,1),background-color .16s ease}@media(hover:hover)and (pointer:fine){.kd-vcard-action:hover{background:color-mix(in srgb,var(--kd-primary) 6%,transparent)}}.kd-vcard-action:active{transform:scale(.97)}.kd-vcard-action-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--kd-primary) 10%,var(--kd-inactive));color:var(--kd-primary);font-size:1rem}.kd-vcard-action-icon--whatsapp{background:color-mix(in srgb,#25d366 12%,var(--kd-inactive));color:#128c7e}.kd-vcard-action-body{flex:1;min-width:0;text-align:left}.kd-vcard-action-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kd-secondary);margin-bottom:2px}.kd-vcard-action-value{display:block;font-size:.95rem;font-weight:500;color:var(--kd-dark);white-space:normal;word-break:break-word;line-height:1.4}.kd-vcard-action-chevron{flex-shrink:0;font-size:.75rem;color:var(--kd-secondary);opacity:.5}.kd-vcard-action--stagger{opacity:0;transform:translateY(8px);animation:kd-vcard-fade-in .32s cubic-bezier(.23,1,.32,1) forwards}.kd-vcard-action--stagger:nth-child(1){animation-delay:0ms}.kd-vcard-action--stagger:nth-child(2){animation-delay:40ms}.kd-vcard-action--stagger:nth-child(3){animation-delay:80ms}.kd-vcard-action--stagger:nth-child(4){animation-delay:.12s}.kd-vcard-action--stagger:nth-child(5){animation-delay:.16s}@keyframes kd-vcard-fade-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.kd-vcard-action--stagger{opacity:1;transform:none;animation:none}.kd-vcard-action:active{transform:none}}.kd-vcard-social{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 24px 16px}.kd-vcard-social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--kd-inactive);color:var(--kd-dark);text-decoration:none;font-size:1.125rem;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease}@media(hover:hover)and (pointer:fine){.kd-vcard-social-btn:hover{background:color-mix(in srgb,var(--kd-primary) 12%,var(--kd-inactive));color:var(--kd-primary)}}.kd-vcard-social-btn:active{transform:scale(.97)}.kd-vcard-footer{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.kd-vcard-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;min-height:48px;border-radius:12px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .16s ease}.kd-vcard-btn:active{transform:scale(.97)}.kd-vcard-btn--primary{background:var(--kd-primary);color:var(--kd-light, #fff)}@media(hover:hover)and (pointer:fine){.kd-vcard-btn--primary:hover{opacity:.92}}.kd-vcard-btn--secondary{background:var(--kd-inactive);color:var(--kd-dark)}@media(hover:hover)and (pointer:fine){.kd-vcard-btn--secondary:hover{background:color-mix(in srgb,var(--kd-primary) 8%,var(--kd-inactive))}}.kd-vcard-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(12px);padding:12px 20px;background:var(--kd-dark);color:var(--kd-light, #fff);border-radius:10px;font-size:.875rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);z-index:100;max-width:min(90vw,360px);text-align:center}.kd-vcard-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:768px){.kd-vcard-page{padding:48px 24px 80px;background:linear-gradient(180deg,color-mix(in srgb,var(--kd-primary) 4%,var(--kd-bg, #f5f5f5)) 0%,var(--kd-bg, #f5f5f5) 100%)}.kd-vcard-card{max-width:900px;box-shadow:0 8px 40px #00000014}.kd-vcard-visiting{padding:28px 28px 12px}.kd-vcard-visiting-tabs{display:none}.kd-vcard-visiting-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.kd-vcard-visiting-item{display:block}.kd-vcard-visiting-img{max-width:100%}.kd-vcard-hero{padding:40px 40px 28px}.kd-vcard-avatar{width:140px;height:140px}.kd-vcard-avatar--empty{font-size:3rem}.kd-vcard-logo-chip{width:44px;height:44px}.kd-vcard-bio{max-width:520px}.kd-vcard-actions{padding:12px 16px 8px}.kd-vcard-action-icon{width:44px;height:44px;font-size:1.05rem}.kd-vcard-social{justify-content:flex-start;padding:8px 24px 12px}.kd-vcard-footer{flex-direction:row;flex-wrap:wrap;padding:0 24px 20px}.kd-vcard-btn{width:auto;flex:1;min-width:140px}}@media(prefers-reduced-motion:reduce){.kd-vcard-btn:active,.kd-vcard-social-btn:active{transform:none}}