@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almarai-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/almarai-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/almarai-800-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600.woff2) format("woff2")}.tekcard-preview{--petrol-700: #0D3B3E;--brand: var(--petrol-700);--emerald-600: #157E5D;--copper-500: #B87A4B;--neutral-25: #F7FAF9;--neutral-900: #131A19;--surface: #FFFFFF;--brand-rgb: 13 59 62;--emerald-rgb: 21 126 93;--text-muted: rgb(var(--brand-rgb) / .68);--border-subtle: rgb(var(--brand-rgb) / .12);--surface-soft: rgb(var(--brand-rgb) / .055);--focus-ring: rgb(var(--emerald-rgb) / .28);--card-shadow: 0 22px 60px rgb(var(--brand-rgb) / .13);min-height:100vh;padding:1.25rem 1rem calc(7rem + env(safe-area-inset-bottom));color:var(--neutral-900);background:var(--neutral-25);font-family:Almarai,IBM Plex Sans,system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}.tekcard-preview--share-details{padding-bottom:calc(10rem + env(safe-area-inset-bottom))}.tekcard-preview *,.tekcard-preview *:before,.tekcard-preview *:after{box-sizing:border-box}.tekcard-preview__shell{width:min(100%,30rem);margin-inline:auto}.tekcard-preview__brand{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;margin-bottom:.75rem;color:var(--brand)}.tekcard-preview__wordmark{margin:0;font-family:Almarai,IBM Plex Sans,system-ui,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.025em}.tekcard-preview__brand-note{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:700}.tekcard-preview__card{overflow:hidden;border:1px solid var(--border-subtle);border-top:3px solid var(--copper-500);border-radius:1.5rem;background:var(--surface);box-shadow:var(--card-shadow)}.tekcard-preview__cover{height:8rem;background:var(--brand)}.tekcard-preview__content{padding:0 1.25rem 1.5rem}.tekcard-preview__identity{display:flex;flex-direction:column;align-items:center;margin-top:-3.75rem;text-align:center}.tekcard-preview__avatar,.tekcard-preview__initials{width:7.5rem;height:7.5rem;border:5px solid var(--surface);border-radius:50%;box-shadow:0 10px 26px rgb(var(--brand-rgb) / .2)}.tekcard-preview__avatar{display:block;-o-object-fit:cover;object-fit:cover;background:var(--brand)}.tekcard-preview__initials{display:grid;place-items:center;color:var(--surface);background:var(--brand);font-size:2rem;font-weight:800}.tekcard-preview__name{margin:1rem 0 0;color:var(--neutral-900);font-size:clamp(1.45rem,6vw,1.85rem);font-weight:800;line-height:1.45}.tekcard-preview__role,.tekcard-preview__company,.tekcard-preview__bio{margin:.3rem 0 0;line-height:1.75}.tekcard-preview__role{color:var(--text-muted);font-size:.92rem}.tekcard-preview__company{color:var(--brand);font-size:.92rem;font-weight:700}.tekcard-preview__bio{max-width:34ch;color:var(--text-muted);font-size:.84rem}.tekcard-preview__contacts{display:grid;gap:.65rem;margin-top:1.5rem}.tekcard-preview__contact{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.75rem;padding:.55rem .7rem;border:1px solid transparent;border-radius:1rem;color:var(--neutral-900);background:var(--surface-soft);text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.tekcard-preview__contact:hover{border-color:var(--border-subtle);background:var(--surface);transform:translateY(-1px)}.tekcard-preview__contact:focus-visible,.tekcard-preview__social-link:focus-visible,.tekcard-preview__custom-links a:focus-visible,.tekcard-preview__cta-link:focus-visible,.tekcard-preview__save:focus-visible,.tekcard-preview__share-details:focus-visible,.tekcard-preview__share-details-completed a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tekcard-preview__contact-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.75rem;color:var(--emerald-600);background:var(--surface)}.tekcard-preview__custom-icon{width:1.35rem;height:1.35rem;flex:0 0 auto;border-radius:.3rem;-o-object-fit:cover;object-fit:cover}.tekcard-preview__contact-icon svg{width:1.2rem;height:1.2rem}.tekcard-preview__contact-copy{min-width:0}.tekcard-preview__contact-label{display:block;margin-bottom:.15rem;color:var(--text-muted);font-size:.68rem;font-weight:700}.tekcard-preview__contact-value{display:block;overflow:hidden;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.86rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.tekcard-preview__socials{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.tekcard-preview__section-title{margin:0 0 .75rem;color:var(--brand);font-size:.8rem;font-weight:800}.tekcard-preview__social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.tekcard-preview__social-link{display:grid;aspect-ratio:1;place-items:center;border:1px solid var(--border-subtle);border-radius:1rem;color:var(--brand);background:var(--surface);text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.tekcard-preview__social-link:hover{border-color:var(--emerald-600);background:var(--surface-soft);transform:translateY(-2px)}.tekcard-preview__social-icon{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}.tekcard-preview__social-glyph,.tekcard-preview__social-glyph svg,.tekcard-preview__social-glyph img,.tekcard-preview__social-glyph .tekcard-link-icon__snapchat{width:1.75rem;height:1.75rem}.tekcard-preview__social-glyph{display:grid;place-items:center}.tekcard-preview__social-glyph img{display:block;-o-object-fit:contain;object-fit:contain}.tekcard-preview__social-glyph .tekcard-link-icon__snapchat{display:block;background-color:currentColor;mask:url(/brand/social/snapchat-ghost-official-guide.png) center / contain no-repeat;-webkit-mask:url(/brand/social/snapchat-ghost-official-guide.png) center / contain no-repeat}.tekcard-preview__custom-links,.tekcard-preview__additional-note{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.tekcard-preview__custom-links>div{display:grid;gap:.6rem}.tekcard-preview__custom-links a,.tekcard-preview__custom-links>div>div{display:grid;min-height:3.5rem;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.65rem .75rem;border:1px solid var(--border-subtle);border-radius:.9rem;color:var(--brand);background:var(--surface-soft);font-size:.78rem;font-weight:700;text-decoration:none}.tekcard-preview__custom-links svg{width:1.35rem;height:1.35rem}.tekcard-preview__additional-note p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.tekcard-preview__cta{margin-top:1.5rem;padding:1.15rem;border:1px solid var(--border-subtle);border-radius:1rem;background:var(--surface-soft);text-align:center}.tekcard-preview__cta-copy{margin:0 0 .75rem;color:var(--brand);font-size:.9rem;font-weight:800;line-height:1.7}.tekcard-preview__cta-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--copper-500);border-radius:.8rem;color:var(--brand);background:var(--surface);font-size:.82rem;font-weight:700;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.tekcard-preview__cta-link:hover{border-color:var(--emerald-600);background:var(--neutral-25)}.tekcard-preview__save-dock{display:grid;position:fixed;z-index:30;bottom:0;left:50%;width:min(calc(100% - 2rem),30rem);padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom));border:1px solid var(--border-subtle);border-bottom:0;border-radius:1.25rem 1.25rem 0 0;background:var(--neutral-25);box-shadow:0 -10px 30px rgb(var(--brand-rgb) / .13);transform:translate(-50%);gap:.6rem}.tekcard-preview__save{display:flex;position:relative;width:100%;min-height:3.5rem;align-items:center;justify-content:center;gap:.55rem;margin:0;padding:.8rem 1rem;border:0;border-radius:1rem;overflow:hidden;isolation:isolate;color:var(--surface);background:var(--emerald-600);font-family:inherit;font-size:.92rem;font-weight:800;cursor:pointer;transition:filter .16s ease,transform .16s ease;animation:tekcard-contact-save-pulse 5s ease-in-out infinite}.tekcard-preview__save:before{position:absolute;z-index:0;top:-25%;bottom:-25%;left:-45%;width:34%;content:"";pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent,rgb(255 255 255 / .26),transparent);transform:skew(-18deg) translate(0);animation:tekcard-contact-save-shine 5s ease-in-out infinite}.tekcard-preview__save>*{position:relative;z-index:1}.tekcard-preview__save:hover,.tekcard-preview__save:focus-visible,.tekcard-preview__save:active,.tekcard-preview__save:disabled{animation:none}.tekcard-preview__save:hover{filter:brightness(.94);transform:translateY(-1px)}.tekcard-preview__save:active{transform:translateY(0)}.tekcard-preview__save:hover:before,.tekcard-preview__save:focus-visible:before,.tekcard-preview__save:active:before,.tekcard-preview__save:disabled:before{animation:none;opacity:0}.tekcard-preview__save svg{width:1.25rem;height:1.25rem}.tekcard-preview__share-details{min-height:3rem;padding:.65rem 1rem;border:1px solid var(--brand);border-radius:1rem;color:var(--brand);background:var(--surface);font-family:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.tekcard-preview__share-details:hover{border-color:var(--emerald-600);background:var(--surface-soft)}.tekcard-preview__share-details-completed{display:grid;gap:.4rem;justify-items:center;padding:.65rem 1rem;border:1px solid var(--border-subtle);border-radius:1rem;color:var(--brand);background:var(--surface-soft);font-size:.86rem;font-weight:800;text-align:center}.tekcard-preview__share-details-completed a{color:var(--neutral-700);font-size:.78rem;text-decoration:underline;text-underline-offset:.2rem}@keyframes tekcard-contact-save-pulse{0%,to{transform:translateY(0)}8%{transform:translateY(-1px)}16%{transform:translateY(0)}}@keyframes tekcard-contact-save-shine{0%,3%{opacity:0;transform:skew(-18deg) translate(0)}8%{opacity:1}16%,to{opacity:0;transform:skew(-18deg) translate(430%)}}@media (prefers-reduced-motion: reduce){.tekcard-preview__save,.tekcard-preview__save:before{animation:none}}@media (min-width: 40rem){.tekcard-preview{display:grid;place-items:center;padding-top:2.5rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.tekcard-preview__content{padding-inline:1.75rem;padding-bottom:1.75rem}.tekcard-preview__contacts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.tekcard-preview__contact,.tekcard-preview__social-link,.tekcard-preview__cta-link,.tekcard-preview__save,.tekcard-preview__share-details{transition:none}}
