:root{font-family:'Plus Jakarta Sans',sans-serif;color:#e9f2f9;background:#040a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:26px 16px;background:radial-gradient(ellipse at 50% 15%,#15314677,transparent 65%);min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.business-card{max-width:450px;margin:auto;background:linear-gradient(160deg,#10212eaa,#050d16);border:1px solid #a4c7dd26;border-radius:24px;box-shadow:0 30px 100px #0006;overflow:hidden;padding:27px;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #afcee21c}.brand{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:800;letter-spacing:1.1px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:4.4px;margin-top:6px;font-weight:400}#share-card{font-size:11px;border:1px solid #92b8ce40;background:#112b3b;color:#c4e4f4;padding:10px 13px;border-radius:25px}.identity{text-align:center;position:relative;padding:28px 0 22px;isolation:isolate}.portrait-wrap{position:relative;display:inline-block;padding:5px;border:1px solid #b2d9ea62;border-radius:72px 72px 22px 22px;background:#152e3d;box-shadow:0 0 40px #a2d0ee17}.portrait{display:block;width:126px;height:154px;object-fit:cover;object-position:50% 22%;border-radius:67px 67px 17px 17px}.orbital-art{position:absolute;inset:25px -20px auto;height:180px;z-index:-1;overflow:hidden}.orbital-art i{position:absolute;inset:15px 30px;border:1px solid #8cc6e337;border-radius:50%;transform:rotate(-25deg) scaleY(.55);animation:orbit-card 15s ease-in-out infinite}.orbital-art i:nth-child(2){transform:rotate(25deg) scaleY(.7);animation-delay:-5s}.orbital-art i:nth-child(3){inset:0;opacity:.4;animation-delay:-10s}@keyframes orbit-card{50%{rotate:20deg;scale:1.08}}.eyebrow{font-size:8px;letter-spacing:2px;color:#94b6cb;margin:20px 0 10px}h1{font-size:29px;font-weight:500;letter-spacing:-1.3px;margin:0;line-height:1.2}h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.3em;font-weight:400;color:#d2eaf9}.role{font-size:12px;color:#c4deec;margin:10px 0 5px}.company{font-size:11px;color:#8faabd;margin:0}.save-contact{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(130deg,#f0f8ff,#b9dae9);color:#0c2434;border-radius:32px;padding:17px 22px;font-size:14px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 25px #aad7f314;transition:transform .25s}.save-contact:before{content:'';position:absolute;inset:-40%;background:linear-gradient(100deg,transparent 40%,#fff8,transparent 60%);animation:shine 7s infinite;pointer-events:none}@keyframes shine{0%,65%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.save-contact:hover{transform:translateY(-2px)}.save-contact:active{transform:scale(.98)}.contact-links{margin-top:18px}.contact-links>a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #9bbacf20;transition:padding .25s,color .25s;font-size:12px;overflow-wrap:anywhere}.contact-links>a:hover{padding-left:6px;color:#c9ecff}.contact-links small{display:block;font-size:8px;letter-spacing:1.2px;color:#87a4ba;margin-bottom:6px}.link-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #9ebed12a;border-radius:9px;color:#b6ddee;font-size:18px;flex-shrink:0}.arrow{margin-left:auto;color:#a9cbdd;font-size:16px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}summary,#copy-email{list-style:none;border:1px solid #94b7ce37;border-radius:9px;background:#122b3c55;color:#bdd8e8;font-size:11px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer}summary::-webkit-details-marker{display:none}#qr-card[open]{grid-column:1/-1}#qr-card[open]+#copy-email{grid-column:1/-1}.qr-panel{text-align:center;border:1px solid #95bdd22e;margin-top:10px;border-radius:12px;padding:20px;background:#081622;animation:open-panel .25s}.qr-panel img{max-width:100%;height:auto;background:white;padding:8px;border-radius:10px}.qr-panel p{font-size:11px;color:#9ab7c9;margin-bottom:0}@keyframes open-panel{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}#card-status{font-size:11px;color:#bce5d5;line-height:1.6;margin:0}#card-status:not(:empty){padding:13px 0}footer{border-top:1px solid #9bbacf20;margin-top:24px;padding-top:19px;text-align:center}.tagline{font-size:15px;color:#c6dcea;margin:0 0 14px}.tagline em{font-family:'Instrument Serif',Georgia,serif;font-size:1.4em}footer>p:not(.tagline){font-size:9px;color:#87a2b4;line-height:1.8;margin:0}.footer-links{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#a9c4d5}.footer-links button{background:none;border:0;color:inherit;font-size:9px;padding:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d1eeff;outline-offset:4px}[data-motion=paused] *,[data-motion=paused] *:before{animation-play-state:paused!important}@media(max-width:390px){body{padding:12px 10px}.business-card{padding:20px;border-radius:20px}h1{font-size:27px}.portrait{width:112px;height:138px}.identity{padding-top:24px}.contact-links>a{font-size:11px}.contact-links small{font-size:8px}.brand{font-size:12px}.footer-links{font-size:9px}}@media(max-width:330px){.business-card{padding:16px}.contact-links>a{font-size:10px;gap:9px}.brand{font-size:10px}.brand small{font-size:7px}#share-card{font-size:10px;padding:9px}h1{font-size:25px}}

.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.line-icon .ui-icon{width:1em;height:1em}
