@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #1a2030;--clr-surface: #222d40;--clr-surface-2: #293554;--clr-border: rgba(255, 255, 255, .07);--clr-accent: #1a6dff;--clr-accent-glow: rgba(26, 109, 255, .25);--clr-gold: #c9a84c;--clr-text: #e6edf3;--clr-muted: #8b949e;--radius-card: 20px;--radius-btn: 12px;--transition: .25s ease}html{scroll-behavior:smooth}body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 48px;background-color:var(--clr-bg);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(26,109,255,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 90% 100%,rgba(201,168,76,.08) 0%,transparent 60%);font-family:Inter,system-ui,sans-serif;color:var(--clr-text);-webkit-font-smoothing:antialiased}.vcard{width:100%;max-width:440px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 60px #0000008c;animation:cardIn .55s cubic-bezier(.22,.68,0,1.2) both}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vcard__header{position:relative;padding:36px 32px 0;background:linear-gradient(135deg,#1b2438,#1c2a3e);isolation:isolate}.vcard__header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(26,109,255,.2) 0%,transparent 70%);z-index:-1}.vcard__company-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;background:#1a6dff1f;border:1px solid rgba(26,109,255,.25);border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#6ba3ff;margin-bottom:20px}.vcard__company-badge svg{width:14px;height:14px;flex-shrink:0}.vcard__avatar-wrap{display:flex;justify-content:center;margin-bottom:20px}.vcard__avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--clr-accent);box-shadow:0 0 0 6px var(--clr-accent-glow);object-fit:cover;display:block;transition:box-shadow var(--transition);cursor:zoom-in}.vcard__avatar:hover{box-shadow:0 0 0 8px #1a6dff59}.vcard__avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a6d,#0d2244);font-size:2rem;font-weight:700;letter-spacing:.04em;color:#6ba3ff;cursor:default;user-select:none}.vcard__avatar--initials:hover{box-shadow:0 0 0 6px var(--clr-accent-glow)}.vcard__identity{text-align:center;padding-bottom:24px}.vcard__name{font-size:1.55rem;font-weight:700;letter-spacing:-.03em;color:var(--clr-text);line-height:1.2}.vcard__title{margin-top:6px;font-size:.875rem;font-weight:400;color:var(--clr-gold);letter-spacing:.01em}.vcard__divider{height:1px;background:linear-gradient(90deg,transparent,var(--clr-border) 20%,var(--clr-border) 80%,transparent)}.vcard__body{padding:24px 28px;display:flex;flex-direction:column;gap:10px}.vcard__row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:var(--clr-surface-2);border:1px solid var(--clr-border);transition:border-color var(--transition),background var(--transition);text-decoration:none;color:inherit;cursor:pointer}.vcard__row:hover{background:#1a6dff14;border-color:#1a6dff4d}.vcard__row-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#1a6dff26;color:#6ba3ff;transition:background var(--transition),color var(--transition)}.vcard__row:hover .vcard__row-icon{background:var(--clr-accent);color:#fff}.vcard__row-icon svg{width:18px;height:18px}.vcard__row-text{flex:1;min-width:0}.vcard__row-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-muted);margin-bottom:2px}.vcard__row-value{font-size:.9rem;font-weight:500;color:var(--clr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcard__copy-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--clr-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition);flex-shrink:0}.vcard__copy-btn:hover{color:var(--clr-accent);background:#1a6dff1f}.vcard__copy-btn svg{width:15px;height:15px;pointer-events:none}.vcard__row--whatsapp .vcard__row-icon{background:#25d3661f;color:#25d366}.vcard__row--whatsapp:hover .vcard__row-icon{background:#25d366;color:#fff}.vcard__row--whatsapp:hover{background:#25d36612;border-color:#25d3664d}.vcard__actions{padding:4px 28px 28px;display:flex;flex-direction:column;gap:10px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-btn);font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.01em;border:none;cursor:pointer;text-decoration:none;transition:filter var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px;flex-shrink:0}.btn--primary{background:linear-gradient(135deg,#1a6dff,#0050d4);color:#fff;box-shadow:0 4px 20px #1a6dff66}.btn--primary:hover{filter:brightness(1.1);box-shadow:0 6px 28px #1a6dff8c}.btn--outline{background:transparent;color:var(--clr-text);border:1px solid var(--clr-border)}.btn--outline:hover{background:#ffffff0d;border-color:#ffffff26}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(12px);padding:10px 18px;background:#1c2a3a;border:1px solid rgba(26,109,255,.35);border-radius:999px;font-size:.8rem;font-weight:500;color:#6ba3ff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.vcard__footer{text-align:center;margin-top:24px;font-size:.72rem;color:var(--clr-muted);opacity:.6;letter-spacing:.02em}@media(max-width:480px){body{padding:16px 10px 40px}.vcard__header{padding:28px 20px 0}.vcard__body{padding:20px 16px}.vcard__actions{padding:4px 16px 24px}.vcard__name{font-size:1.35rem}.vcard__avatar{width:86px;height:86px}}.photo-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.photo-modal[hidden]{display:none}.photo-modal__backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdropIn .2s ease both}.photo-modal__box{position:relative;z-index:1;animation:photoBoxIn .3s cubic-bezier(.22,.68,0,1.2) both}@keyframes photoBoxIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.photo-modal__img{display:block;width:min(72vw,320px);height:min(72vw,320px);aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-card);border:2px solid var(--clr-accent);box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0009}.photo-modal__close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:50%;cursor:pointer;color:var(--clr-muted);display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition);z-index:2}.photo-modal__close:hover{color:var(--clr-text);background:#ffffff1a}.photo-modal__close svg{width:14px;height:14px}.qr-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.qr-modal[hidden]{display:none}.qr-modal__backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:backdropIn .2s ease both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.qr-modal__box{position:relative;z-index:1;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-card);padding:32px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:300px;width:100%;box-shadow:0 0 0 1px #ffffff0a,0 24px 60px #0009;animation:qrBoxIn .3s cubic-bezier(.22,.68,0,1.2) both}@keyframes qrBoxIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--clr-muted);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition)}.qr-modal__close:hover{color:var(--clr-text);background:#ffffff12}.qr-modal__close svg{width:18px;height:18px}.qr-modal__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-muted)}.qr-modal__img-wrap{position:relative;width:200px;height:200px;border-radius:4px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.qr-modal__img-wrap img{display:block;width:200px;height:200px;border-radius:0}.qr-modal__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0;transition:opacity .25s ease}.qr-modal__spinner:after{content:"";width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:var(--clr-accent);border-radius:50%;animation:spin .7s linear infinite}.qr-modal__spinner.hidden{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.qr-modal__url{font-size:.72rem;color:var(--clr-muted);word-break:break-all;text-align:center;opacity:.7}