:root{--color-paper:oklch(97% .01 84);--color-paper-2:oklch(93% .016 82);--color-paper-3:oklch(88% .024 80);--color-ink:oklch(20% .018 70);--color-ink-2:oklch(31% .022 72);--color-neutral:oklch(43% .026 76);--color-muted:oklch(51% .024 78);--color-rule:oklch(80% .022 82);--color-rule-2:oklch(61% .027 78);--color-accent:oklch(47.58% .0767 255.11);--color-accent-hover:oklch(39% .07 255.11);--color-accent-ink:oklch(97% .01 84);--color-brand-blue:oklch(47.58% .0767 255.11);--color-brand-blue-dark:oklch(31% .065 250);--color-brand-blue-soft:oklch(90% .025 250);--color-focus:oklch(40% .13 55);--color-success:oklch(42% .11 155);--color-error:oklch(48% .17 28);--color-overlay:oklch(16% .018 70/.68);--color-overlay-heavy:oklch(14% .018 70/.9);--color-hero-overlay-strong:oklch(18% .018 70/.91);--color-hero-overlay-soft:oklch(18% .018 70/.48);--font-display:"Bricolage Grotesque", ui-sans-serif, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-4xl:3.815rem;--text-display-s:clamp(2.75rem, 5vw + .75rem, 4.75rem);--text-display:clamp(3rem, 6vw + .75rem, 5.8rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-mid:.42s;--dur-long:.52s;--rule-hair:1px;--rule-strong:2px;--radius-sm:.25rem;--radius-md:.5rem;--radius-pill:999px;--page-gutter:clamp(1rem, 4vw, 4rem);--page-max:90rem;--measure:65ch;--banner-height:8.5rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-brand-blue-dark);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}.vcard-page{isolation:isolate;min-height:100dvh;padding:clamp(var(--space-3xl), 9vw, var(--space-4xl)) var(--page-gutter);place-items:center;display:grid;position:relative;overflow:clip}.vcard-page:before{z-index:-3;background:var(--color-brand-blue-dark);color:var(--color-paper);content:"";position:absolute;inset:0}.vcard-page__shape{z-index:-2;pointer-events:none;position:absolute}.vcard-page__shape--left{background:var(--color-brand-blue);opacity:.72;width:27rem;height:35rem;inset-block-start:-10rem;inset-inline-start:-8rem;transform:rotate(18deg)}.vcard-page__shape--right{border:5rem solid var(--color-brand-blue);opacity:.42;border-radius:50%;width:28rem;height:28rem;inset-block-end:-9rem;inset-inline-end:-10rem}.vcard-back{align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--color-paper);white-space:nowrap;font-weight:700;display:inline-flex;position:absolute;inset-block-start:max(var(--space-lg), env(safe-area-inset-top));inset-inline-start:max(var(--page-gutter), env(safe-area-inset-left))}.vcard{background:var(--color-paper);width:min(100%,64rem);color:var(--color-ink);border:var(--rule-strong) solid var(--color-brand-blue);box-shadow:0 var(--space-xl) var(--space-4xl) var(--color-overlay-heavy);overflow:clip}.vcard__identity{background:var(--color-paper);color:var(--color-ink);display:grid}.vcard__brand{min-height:15rem;padding:var(--space-xl);background:var(--color-brand-blue-soft);color:var(--color-brand-blue-dark);place-items:center;display:grid}.vcard__brand img{width:min(14rem,62vw);height:auto}.vcard__intro{padding:clamp(var(--space-xl), 6vw, var(--space-3xl))}.vcard__license{margin:0 0 var(--space-md);color:var(--color-brand-blue-dark);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.vcard h1{color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(2.75rem,8vw,5.5rem);line-height:.92}.vcard__role{margin:var(--space-sm) 0 0;color:var(--color-brand-blue);font-size:var(--text-md);font-weight:800}.vcard__summary{max-width:55ch;margin:var(--space-lg) 0 0;color:var(--color-neutral);font-size:var(--text-base);line-height:1.75}.vcard__actions{border-block:var(--rule-strong) solid var(--color-brand-blue);display:grid}.vcard-button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:4rem;padding-inline:var(--space-lg);color:var(--color-paper);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:800;display:inline-flex}.vcard-button--primary{background:var(--color-brand-blue);color:var(--color-paper)}.vcard-button--whatsapp{background:var(--color-success);color:var(--color-paper)}.vcard__body{display:grid}.vcard__details{min-width:0;padding:clamp(var(--space-xl), 6vw, var(--space-3xl))}.vcard__details h2,.vcard__qr h2{margin:0 0 var(--space-lg);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg)}.vcard__details ul{border-block-start:var(--rule-hair) solid var(--color-rule);margin:0;padding:0;list-style:none}.vcard__details li{border-block-end:var(--rule-hair) solid var(--color-rule)}.vcard__details li a{gap:var(--space-sm);grid-template-columns:2.75rem minmax(0,1fr) 1rem;align-items:center;min-height:4.5rem;display:grid}.vcard__icon{background:var(--color-brand-blue-soft);width:2.75rem;height:2.75rem;color:var(--color-brand-blue-dark);place-items:center;display:grid}.vcard__details small,.vcard__details strong{display:block}.vcard__details small{color:var(--color-brand-blue-dark);font-size:var(--text-xs);margin-block-end:var(--space-3xs);font-weight:700}.vcard__details strong{min-width:0;color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vcard__social{gap:var(--space-xs);margin-block-start:var(--space-lg);display:flex}.vcard__social a{background:var(--color-brand-blue-dark);width:2.75rem;height:2.75rem;color:var(--color-paper);border-radius:50%;place-items:center;display:grid}.vcard__qr{padding:clamp(var(--space-xl), 6vw, var(--space-3xl));background:var(--color-brand-blue-soft);color:var(--color-ink);text-align:center;align-content:center;justify-items:center;display:grid}.vcard__qr-frame{width:min(15rem,68vw);padding:var(--space-md);background:var(--color-paper);color:var(--color-ink);border:var(--rule-strong) solid var(--color-brand-blue-dark);margin-block-end:var(--space-lg)}.vcard__qr-frame img{width:100%;height:auto;display:block}.vcard__qr h2{margin-block-end:var(--space-xs)}.vcard__qr p{max-width:31ch;color:var(--color-neutral);margin:0;line-height:1.6}.vcard__footer{justify-content:space-between;gap:var(--space-xs) var(--space-lg);padding:var(--space-md) clamp(var(--space-xl), 6vw, var(--space-3xl));background:var(--color-ink);color:var(--color-paper-3);font-size:var(--text-xs);flex-wrap:wrap;font-weight:700;display:flex}.vcard a:active{transform:translateY(var(--space-3xs))}.vcard a:focus-visible,.vcard-back:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-3xs)}@media (hover:hover) and (pointer:fine){.vcard-back:hover{color:var(--color-brand-blue-soft)}.vcard-button--primary:hover,.vcard__social a:hover{background:var(--color-brand-blue-dark);color:var(--color-paper)}.vcard-button--whatsapp:hover{background:var(--color-success);color:var(--color-paper);transform:translateY(calc(var(--space-3xs) * -1))}.vcard__details li a:hover .vcard__icon{background:var(--color-brand-blue);color:var(--color-paper)}}@media (width>=40rem){.vcard__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.vcard-button+.vcard-button{border-inline-start:var(--rule-strong) solid var(--color-paper)}}@media (width>=60rem){.vcard__identity{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.6fr)}.vcard__body{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr)}}@media (prefers-reduced-motion:reduce){.vcard a{transition-duration:var(--dur-micro)}}