.card-page{background:radial-gradient(120% 60% at 50% 0%, #fbd9e9 0%, var(--paper) 60%);flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:24px 16px 48px;display:flex}.card-page .card-preview-note{letter-spacing:.14em;text-transform:uppercase;color:#a3005c;background:#ffe0f0;border-radius:999px;padding:6px 14px;font-size:.7rem;font-weight:600}.card-page .vcard{background:var(--white);border:1px solid var(--line);border-radius:22px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 24px 60px -32px #49152573}.card-page .vcard-identity{background:linear-gradient(160deg, #ff1493 0%, #d1007a 45%, var(--wine) 75%, var(--wine-dark) 100%);color:#ffeaf5;align-items:center;gap:16px;padding:28px 24px 26px;display:flex;position:relative}.card-page .vcard-monogram{color:#ffeaf5;border-right:1px solid #f7eef259;padding-right:16px;font:56px/.8 Georgia,serif}.card-page .vcard-identity h1{margin:0 0 6px;font-family:Italiana,Georgia,serif;font-size:1.9rem;font-weight:400;line-height:1.1}.card-page .vcard-identity p{letter-spacing:.22em;text-transform:uppercase;color:#f7eef2c7;margin:0;font-size:.72rem}.card-page .vcard-crop{opacity:.32;pointer-events:none;width:92px;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.card-page .vcard-crop img{object-fit:cover;width:100%;height:100%}.card-page .vcard-body{flex-direction:column;gap:18px;padding:22px 24px 26px;display:flex}.card-page .vcard-tagline{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.card-page .vcard-rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.card-page .vcard-rows li{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:12px 0;font-size:.9rem;display:flex}.card-page .vcard-rows dt,.card-page .vcard-rows .row-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.card-page .vcard-rows .row-value{color:var(--ink);text-align:right;word-break:break-word}.card-page .vcard-actions{gap:10px;display:grid}.card-page .card-button{border:1px solid var(--wine);background:var(--white);min-height:48px;color:var(--wine);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:550;transition:background .2s,color .2s;display:flex}.card-page .card-button.primary{background:linear-gradient(135deg, #ff1493, var(--wine));color:#fff7fb;box-shadow:0 6px 18px -8px #ff149399}.card-page .card-button.primary:hover{background:linear-gradient(135deg, #ff2ea0, var(--wine-dark))}.card-page .card-button:hover{background:var(--blush)}.card-page .card-button.primary:hover{color:#fff7fb}.card-page .card-qr{background:var(--blush);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.card-page .card-qr img,.card-page .card-qr canvas{border:1px solid var(--line);background:#fff;border-radius:12px;flex-shrink:0;width:168px;height:168px;padding:10px}.card-page .card-qr p{color:var(--muted);text-align:center;margin:0;font-size:.78rem;line-height:1.5}.card-page .card-status{min-height:1.2em;color:var(--wine);text-align:center;font-size:.82rem}.card-page .card-status.error{color:#9a2b3f}.card-page .card-link-fallback{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--white);border-radius:10px;padding:10px;font-size:.8rem}.card-page .card-footnote{max-width:420px;color:var(--muted);text-align:center;margin:0;font-size:.76rem;line-height:1.6}.card-page .card-footnote a{text-decoration:underline}@media (width>=768px){.card-page{padding-top:56px}.card-page .vcard{max-width:460px}}