.contact-card{position:relative;width:min(100%,384px);margin:12px auto 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--contact-accent,#0a84ff) 40%,transparent);border-radius:16px;background:linear-gradient(180deg,#0e1520,#0a0e14);color:#e2e8f0;text-align:left}
.contact-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--contact-accent,#0a84ff),transparent);opacity:.7;pointer-events:none}
.contact-card-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:14px 16px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.contact-card-heading{display:grid;gap:3px;min-width:0}
.contact-card-kicker{color:var(--contact-accent,#0a84ff);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contact-card-title{color:#f7f9fc;font-size:15px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.contact-card-org{color:var(--contact-accent,#0a84ff);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.contact-card-chevron{width:8px;height:8px;margin:8px 3px 0;flex:none;border-right:2px solid var(--contact-accent,#0a84ff);border-bottom:2px solid var(--contact-accent,#0a84ff);transform:rotate(45deg);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.contact-card.is-open .contact-card-chevron{transform:rotate(225deg)}
.contact-card-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1)}
.contact-card.is-open .contact-card-reveal{grid-template-rows:1fr}
.contact-card-reveal-inner{min-height:0;overflow:hidden;padding:0 16px;transition:padding-bottom .42s cubic-bezier(.22,1,.36,1)}
.contact-card.is-open .contact-card-reveal-inner{padding-bottom:16px}
.contact-card-face[hidden]{display:none}
.contact-card-note{margin:0 0 12px;padding:2px 0 2px 10px;border-left:2px solid var(--contact-accent,#0a84ff);color:#b8c6d6;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.contact-card-row{display:flex;align-items:baseline;gap:10px;margin-top:7px;padding:9px 10px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff0a;font-size:12px;line-height:1.5}
.contact-card-row-label{min-width:52px;color:#aabbd0;font-weight:600}
.contact-card-row-value{min-width:0;color:#edf4fb;overflow-wrap:anywhere}
.contact-card-row a{color:#a3d8ff;text-underline-offset:3px}
.contact-card-actions{display:flex;gap:8px;margin-top:14px}
.contact-card-download,.contact-card-flip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.contact-card-download{flex:1;background:#0a84ff;color:#06111d}
.contact-card-flip{border:1px solid color-mix(in srgb,var(--contact-accent,#0a84ff) 50%,transparent);background:#102033;color:#b8ddff;cursor:pointer}
.contact-card-qr-frame{width:max-content;margin:4px auto 8px;padding:8px;border-radius:12px;background:#fff}
.contact-card-qr{display:block;width:132px;height:132px}
.contact-card-qr-handle{display:block;color:#a9b8c9;font-size:12px;text-align:center}
.contact-card :focus-visible{outline:2px solid #8bd0ff;outline-offset:3px}
@media (hover:hover){.contact-card-download:hover{background:#62b4ff}.contact-card-flip:hover{background:#172e45}.contact-card-row a:hover{text-decoration:underline}}
@media (prefers-reduced-motion:reduce){.contact-card-chevron,.contact-card-reveal,.contact-card-reveal-inner{transition:none}}