.share-page,.share-page *{-webkit-user-select:none;user-select:none}:is(html:has(.share-page),body:has(.share-page)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.share-page){width:100%;position:fixed;inset:0}.share-page{overscroll-behavior:none;touch-action:pinch-zoom;isolation:isolate;color:#f6f7fa;background:#edf3f9;place-items:center;width:100%;height:100dvh;min-height:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.share-backdrop{z-index:-1;pointer-events:none;transition:transform .45s ease-out;position:fixed;inset:-20%}.share-backdrop:before,.share-backdrop:after{content:"";background:radial-gradient(38% 34% at 30% 30%,#83b5e9 0,#0000 75%);animation:7s ease-in-out -2s infinite alternate share-background-drift;position:absolute;inset:0}.share-backdrop:after{background:radial-gradient(42% 38% at 70% 70%,#92a8da 0,#0000 75%);animation:9s ease-in-out -3s infinite alternate share-background-counter-drift}.share-card{aspect-ratio:53.98/85.6;backdrop-filter:blur(28px)saturate(150%);background:linear-gradient(145deg,#263e59e8,#101e30ed);border:1px solid #ffffff3b;border-radius:22px;flex-shrink:0;grid-template-rows:auto minmax(0,1fr);width:320px;height:507.447px;min-height:0;padding:32px 34px;display:grid;position:relative;box-shadow:0 20px 60px -28px #19365d66,inset 0 1px #ffffff30,inset 0 -1px #ffffff08}.share-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff0b,#0000 38% 70%,#ffffff04);position:absolute;inset:0}.share-identity{text-align:center}.share-portrait{aspect-ratio:1;object-fit:cover;-webkit-user-drag:none;border:2px solid #ffffff0a;border-radius:50%;width:128px;height:auto;margin:0 auto;box-shadow:0 0 0 1px #ffffff2b}.share-identity h1{font:400 50px / 1.1 var(--font-display);letter-spacing:-.025em;margin:14px 0 0}.share-views{min-height:0;margin-top:16px;display:grid}.share-view{grid-area:1/1;align-self:end;min-width:0;transition:opacity .26s,transform .44s cubic-bezier(.22,1,.36,1),visibility .44s}.share-qr-view{opacity:0;visibility:hidden;flex-direction:column;align-items:center;display:flex;transform:translateY(10px)scale(.97)}.share-views[data-sharing=true] .share-links-view{opacity:0;visibility:hidden;transform:translateY(-10px)scale(.97)}.share-views[data-sharing=true] .share-qr-view{opacity:1;visibility:visible;transform:none}.share-socials{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-social{color:#e7ebf2;background:linear-gradient(145deg,#ffffff12,#ffffff04);border:1px solid #ffffff24;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:4px 8px;font-size:.875rem;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffff10}.share-social svg{width:15px;height:15px}.share-social-linkedin{grid-column:1/-1}.share-pages{justify-content:center;gap:6px;margin:16px -6px 0;font-size:.8125rem;display:flex}.share-pages a{color:#d8e0eb;border-radius:3px;place-items:center;min-height:40px;padding:0 6px;display:grid}.share-contact{text-align:center}.share-email{color:#aab6c7;padding:6px 0;font-size:.75rem;display:inline-block}.share-trigger{z-index:1;top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));cursor:pointer;color:#26364d;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute}.share-page :is(a,button){transition:color .18s,background-color .18s,border-color .18s}.share-page :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #70b5f9}.share-qr-image{-webkit-user-drag:none;background:#fff;border-radius:10px;width:144px;height:auto;box-shadow:0 6px 24px #00000014}.share-address{cursor:pointer;color:#f6f7fa;border-radius:12px;justify-content:center;align-items:center;min-height:40px;margin-top:2px;padding:0 12px;font-size:.8125rem;display:inline-flex}.share-status{text-align:center;color:#c2d1e2;max-width:240px;min-height:32px;font-size:.75rem;line-height:16px}.dark .share-page{background:#0b1422}.dark .share-backdrop:before{background:radial-gradient(38% 34% at 30% 30%,#467da8 0,#0000 75%)}.dark .share-backdrop:after{background:radial-gradient(42% 38% at 70% 70%,#415880 0,#0000 75%)}.dark .share-card{background:linear-gradient(145deg,#314b6666,#15233899);box-shadow:0 20px 64px -28px #00000070,inset 0 1px #ffffff24}.dark .share-trigger{color:#d8e0eb}@media (hover:hover){.share-social:hover{background-color:#ffffff10;border-color:#ffffff30}.share-pages a:hover,.share-email:hover{color:#fff}.share-trigger:hover{background-color:#7f7f7f14}.share-address:hover{background-color:#ffffff12}}@media (max-height:560px){.share-card{grid-template-rows:auto auto;align-content:start;padding:16px 34px}.share-portrait{width:84px}.share-identity h1{margin-top:10px;font-size:36px}.share-views{margin-top:10px}.share-social,.share-pages a,.share-address{min-height:32px}.share-social{font-size:.75rem}.share-pages{margin-top:10px;font-size:.6875rem}.share-email,.share-status{font-size:.625rem}.share-qr-image{width:96px}.share-status{min-height:28px;line-height:14px}}@keyframes share-background-drift{0%{transform:translate(-12vw,-12vh)}to{transform:translate(36vw,30vh)}}@keyframes share-background-counter-drift{0%{transform:translate(12vw,10vh)}to{transform:translate(-36vw,-30vh)}}.share-backdrop[data-paused=true]:before,.share-backdrop[data-paused=true]:after{animation-play-state:paused}.share-motion{width:max-content;height:max-content;transform:perspective(900px) rotateX(var(--sensor-x,0deg)) rotateY(var(--sensor-y,0deg));transition:transform .45s ease-out}.share-motion[data-sharing=true]{transform:none}@media (prefers-reduced-motion:reduce){.share-backdrop:before,.share-backdrop:after{animation:none}.share-page .share-motion,.share-page .share-backdrop,.share-page .share-view,.share-page :is(a,button){transition:none}.share-motion,.share-backdrop{transform:none}}
