:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183342;background:#f0f5f6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:48px 20px;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));display:grid;place-items:center}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}::selection{background:#c8e8e1;color:#183342}:focus-visible{outline:3px solid #08786a;outline-offset:5px;border-radius:4px}.card{width:100%;max-width:480px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 16px 60px #18334212}.identity{text-align:center}.portrait{display:block;width:128px;height:165px;object-fit:cover;border-radius:12px;margin:0 auto 24px}h1{font-size:clamp(30px,7vw,38px);line-height:1.15;letter-spacing:-.03em;font-weight:650;margin:0 0 12px}.role{font-size:17px;line-height:1.5;margin:0 0 6px;color:#294a5b}.company{font-size:15px;line-height:1.5;margin:0;color:#536972}.save{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;background:#086858;color:#fff;font-weight:600;border-radius:10px;font-size:17px}.save:hover{background:#075447}.save-note{text-align:center;font-size:12px;color:#536972;margin:10px 0 24px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.actions>a,.actions>button{min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#294a5b;background:#f0f5f6;border:0;border-radius:10px;font-size:13px;cursor:pointer}.actions>a:hover,.actions>button:hover{background:#e0edea;color:#075447}[hidden]{display:none!important}.details{display:grid;justify-items:center;gap:0;margin:18px 0 24px;font-style:normal;font-size:14px;color:#536972}.details a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;text-align:center}.details a:hover,.qr-section a:hover{text-decoration:underline;text-underline-offset:4px}.qr-section{display:flex;align-items:center;gap:20px;border-top:1px solid #e2eaed;padding-top:24px}.qr-section img{width:112px;height:112px;flex-shrink:0}.qr-section h2{font-size:17px;line-height:1.4;font-weight:600;margin:0 0 6px}.qr-section p{font-size:14px;color:#536972;margin:0 0 4px}.qr-section a{font-size:13px;color:#086858;display:inline-flex;align-items:center;min-height:44px}.share-status:empty{display:none}.share-status{font-size:14px;color:#086858;text-align:center;margin:16px 0;line-height:1.5}.share-fallback{margin-top:16px}.share-fallback label{display:block;font-size:14px;margin-bottom:8px}.share-fallback input{width:100%;min-height:48px;border:1px solid #536972;border-radius:8px;padding:10px;color:#183342;background:#fff;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:400px){body{padding-left:12px;padding-right:12px}.card{padding:28px 22px}.actions{gap:6px}.qr-section{gap:12px}.qr-section img{width:100px;height:100px}.qr-section h2{font-size:16px}}