:root{--ink:#111827;--muted:#596577;--paper:#fff;--accent:#315dec;--line:#e5e9f0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#edf0f5;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;padding:56px 24px 20px;min-height:100svh}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #315dec;outline-offset:5px}svg{display:block}.card{max-width:1040px;margin:auto;display:grid;grid-template-columns:0.85fr 1.15fr;background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #1118270b;border:1px solid #dfe4ed}.identity{background:#111827;color:#fff;padding:38px;display:flex;flex-direction:column;min-width:0;position:relative}.topline{display:flex;justify-content:space-between;align-items:center;gap:16px}.topline>span:first-child{font-size:.75rem;letter-spacing:.15em;color:#b5bfd2;font-weight:600}.monogram{font-weight:700;font-size:1.5rem;letter-spacing:-.05em}.monogram span,.dot{color:#7496ff}.name{margin:auto 0;padding:80px 0}.name>p{font-size:1rem;color:#bcc6d8;margin:0 0 20px}h1{font-size:clamp(2rem,3.9vw,2.9rem);letter-spacing:-.055em;line-height:1.12;margin:0;font-weight:650;overflow-wrap:anywhere}.identity-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:24px;font-size:.9rem;color:#c8d0e0;gap:16px}.divider{padding:0 12px;color:#7496ff}.small-mark{font-size:.75rem;font-weight:700;color:#7887a3;letter-spacing:.08em}.details{padding:38px 38px 26px;min-width:0}h2{margin:0;font-size:1.375rem;line-height:1.3;letter-spacing:-.03em;font-weight:650}.save-section>p{margin:10px 0 22px;color:var(--muted);font-size:1rem;line-height:1.5}.save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.save-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 9px;border:1px solid transparent;border-radius:11px;font-size:.875rem;font-weight:600;line-height:1.3;transition:background .15s,transform .15s}.save-button:hover{transform:translateY(-1px)}.save-button svg{width:18px;height:20px;fill:currentColor;flex-shrink:0}.primary{background:var(--accent);color:#fff}.primary:hover{background:#244dcc}.secondary{border-color:#dbe1eb;background:var(--paper)}.secondary:hover{background:#f1f4fa}.save-section>.help{font-size:.8125rem;margin:12px 0 28px;color:#657085;line-height:1.5}.save-section>.feedback{font-size:.875rem;margin:-12px 0 24px;background:#eef3ff;border-left:3px solid var(--accent);padding:12px;line-height:1.5;color:#253a65}.contact-group{margin-top:24px}.contact-group h2{color:#647185;font-size:.75rem;letter-spacing:.13em;margin-bottom:5px;font-weight:650}.contact-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:14px}.contact-row>span{min-width:0}.label{display:block;color:var(--muted);font-size:.875rem;margin-bottom:5px}.value{display:block;font-size:1rem;font-weight:550;line-height:1.45;letter-spacing:-.015em}.email{font-size:.9375rem;overflow-wrap:anywhere}.row-icon{width:20px;height:20px;stroke:#66758d;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contact-row:hover .value{color:var(--accent)}.contact-row:hover .row-icon{stroke:var(--accent)}.qr-section{display:flex;gap:18px;align-items:center;margin-top:27px}.qr-link{flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;line-height:0}.qr-link img{display:block;width:94px;height:94px}.qr-section h2{font-size:.9375rem;letter-spacing:-.02em}.qr-section p{font-size:.875rem;color:var(--muted);margin:7px 0 9px;line-height:1.5}.download-qr{font-size:.875rem;color:var(--accent);font-weight:600;display:inline-block;padding:5px 0}.download-qr span{margin-left:5px}.page-footer{text-align:center;font-size:.75rem;letter-spacing:.035em;color:#667085;margin:24px 0 4px;overflow-wrap:anywhere}
@media(min-width:1250px){body{padding-top:72px}.identity{padding:44px}.details{padding:40px}}
@media(max-width:760px){body{padding:20px 16px}.card{max-width:520px;grid-template-columns:1fr;border-radius:22px}.identity{padding:27px 26px}.name{padding:35px 0 30px}.name>p{margin-bottom:12px;font-size:.9375rem}h1{font-size:2.8rem}.identity-bottom{padding-top:18px}.small-mark{display:none}.details{padding:28px 24px 24px}.save-section>p{margin-bottom:20px}.page-footer{margin-top:20px}}
@media(max-width:380px){body{padding:10px}.details{padding:25px 18px}.identity{padding:25px 22px}h1{font-size:2.4rem}.save-actions{grid-template-columns:1fr}.qr-section{gap:13px}.qr-link img{width:82px;height:82px}}
.identity{background-color:#08080c;background-image:linear-gradient(180deg,rgba(8,8,12,.12),rgba(8,8,12,.5)),url('/bg-voicce.webp');background-size:cover;background-position:center}.name{text-shadow:0 2px 12px #000}.brand-logo{width:240px;max-width:calc(100% - 54px)}.brand-logo img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body{background:#fff;padding:0}.card{box-shadow:none;max-width:100%}.identity{-webkit-print-color-adjust:exact;print-color-adjust:exact}.save-actions,.help,.feedback,.download-qr{display:none}.qr-link img{width:120px;height:120px}.page-footer{color:#111}}