.vcard-page{--ink:#0c2340;--ink-2:#1a4a6e;--teal:#2d8a9e;--foam:#5cbdb9;--paper:#f5f2ea;--rule-light:#e8f3f22e;background:radial-gradient(ellipse at top right, #2d8a9e47, transparent 60%), var(--ink);min-height:100vh;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:48px 24px;font-family:Fira Sans,system-ui,sans-serif;display:flex}.vcard-page *{box-sizing:border-box}.vcard-page a{color:inherit;text-decoration:none}.vcard{border:1px solid var(--rule-light);background:#1a4a6e47;grid-template-columns:240px 1fr;width:100%;max-width:720px;display:grid;overflow:hidden}.vcard__portrait{background:var(--ink-2);min-height:340px;position:relative}.vcard__portrait img{object-fit:cover;object-position:20% center;filter:contrast(1.05)saturate(.85);width:100%;height:100%;display:block}.vcard__portrait:after{content:"";background:linear-gradient(#0c234040,#0c23408c);position:absolute;inset:0}.vcard__body{flex-direction:column;padding:36px 36px 32px;display:flex}.vcard__mark{letter-spacing:.24em;text-transform:uppercase;color:var(--foam);align-items:center;gap:10px;margin-bottom:28px;font-size:10px;display:inline-flex}.vcard__mark .dot{background:var(--foam);border-radius:50%;width:7px;height:7px}.vcard__name{letter-spacing:-.01em;margin:0 0 14px;font-family:DM Serif Display,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.15}.vcard__role{letter-spacing:.24em;text-transform:uppercase;color:var(--foam);border-bottom:1px solid var(--rule-light);margin:0 0 28px;padding-bottom:24px;font-size:10px}.vcard__rows{gap:18px;margin:0;display:grid}.vcard__row{flex-direction:column;gap:5px;display:flex}.vcard__row dt{letter-spacing:.22em;text-transform:uppercase;color:var(--foam);font-size:9px}.vcard__row dd{margin:0;font-size:14px;line-height:1.5}.vcard__row a:hover{color:var(--foam)}.vcard__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.vcard__btn{border:1px solid var(--foam);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;padding:13px 20px;font-size:11px;transition:all .3s;display:inline-flex}.vcard__btn:hover{background:var(--foam);color:var(--ink)}.vcard__illustration{flex-direction:column;align-items:center;gap:10px;margin:32px 0 0;display:flex}.vcard__illustration img{width:100%;max-width:140px;height:auto;display:block}.vcard__illustration figcaption{letter-spacing:.22em;text-transform:uppercase;color:var(--foam);text-align:center;font-size:9px}.vcard__qr{border-top:1px solid var(--rule-light);flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-top:24px;display:flex}.vcard__qr-frame{background:#fff;border-radius:6px;padding:10px;box-shadow:0 6px 24px #00000047}.vcard__qr-frame canvas{display:block}.vcard__qr-caption{letter-spacing:.22em;text-transform:uppercase;color:var(--foam);text-align:center;margin:0;font-size:9px}.vcard__back{letter-spacing:.22em;text-transform:uppercase;color:#f5f2ea80;font-size:10px}.vcard__back:hover{color:var(--foam)}@media (width<=640px){.vcard{grid-template-columns:1fr}.vcard__portrait{min-height:260px}.vcard__body{padding:28px 24px}.vcard__name{font-size:28px}}