:root{--bg:#f5f6f8;--surface:#fff;--text:#111;--text-muted:#888;--line:#eee;--orange:#f60;--green:#59af17;--linkedin:#0a66c2;--radius:24px;--radius-sm:14px;--radius-xs:10px;font-family:Titillium Web,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100vh}.page-shell{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.bg-image{z-index:0;pointer-events:none;opacity:.07;background-position:50%;background-size:cover;position:fixed;inset:0}.bg-overlay{z-index:0;pointer-events:none;background:linear-gradient(160deg,#f5f6f8 0%,#eef0f4 45%,#e8ebf0 100%);position:fixed;inset:0}.bg-image-1{background-image:url(/beautiful-overhead-cityscape-shot-with-drone.jpg)}.bg-image-2{opacity:.05;mix-blend-mode:multiply;background-image:url(/business-executives-shaking-hands-with-each-other.jpg)}.stack-back,.stack-mid{border-radius:var(--radius);pointer-events:none;z-index:1;width:366px;height:560px;position:fixed}.stack-back{background:#0000000f;transform:translateY(12px)scale(.95)}.stack-mid{background:#00000017;transform:translateY(6px)scale(.97)}.wallet-card{z-index:2;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);background:#fffffff5;width:366px;max-width:100%;padding:20px;position:relative;box-shadow:0 20px 60px #0000001f,0 2px 8px #0000000a}.brand-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.partners-strip{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #ff660026;justify-content:center;align-items:center;gap:14px;margin-bottom:12px;padding:10px 14px;display:flex}.partners-strip a{opacity:.9;justify-content:center;align-items:center;text-decoration:none;transition:transform .25s,opacity .25s;display:inline-flex}.partners-strip a:hover{opacity:1;transform:scale(1.05)}.partners-strip img{object-fit:contain;max-width:140px;max-height:40px}.partners-strip a+a{border-left:1px solid #59af1740;padding-left:14px}.profile{align-items:center;gap:14px;margin-bottom:20px;display:flex}.profile-text{min-width:0}.profile-text h2{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.profile-text p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px;font-weight:600;line-height:1.4}.avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#111 0%,#333 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 2px 8px #00000026}.actions{flex-direction:column;gap:10px;display:flex}.action-row{border-radius:var(--radius-sm);color:inherit;border:1px solid var(--line);background:#fff;align-items:center;gap:12px;width:100%;padding:14px 16px;text-decoration:none;transition:all .25s;display:flex}.action-row:hover{border-color:#ff66004d;box-shadow:0 2px 12px #0000000f}.action-row:active{transform:scale(.98)}.action-row-icon{border-radius:var(--radius-xs);color:#111;background:#f4f4f4;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.action-row-arrow{color:#ccc;flex-shrink:0;transition:transform .25s,color .25s}.action-row:hover .action-row-arrow{color:var(--orange);transform:translate(2px)}.action-row-body{flex-direction:column;flex:1;min-width:0;display:flex}.action-row-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:600}.action-row-value{color:var(--text);overflow-wrap:anywhere;margin-top:1px;font-size:14px;font-weight:600}.section-divider{align-items:center;gap:12px;margin:22px 0 14px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--line);flex:1;height:1px}.section-divider span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.company-actions{gap:8px}.company-actions .action-row{padding:12px 14px}.company-actions .action-row-icon{border-radius:8px;width:32px;height:32px}.cta-row{gap:10px;margin-top:22px;display:flex}.btn-primary{border-radius:var(--radius-sm);background:var(--orange);color:#fff;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #ff66004d}.btn-primary:hover{background:#e65c00;box-shadow:0 6px 20px #f606}.btn-primary:active{transform:scale(.98)}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--line);width:50px;height:50px;color:var(--text);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-family:inherit;transition:all .25s;display:flex}.icon-btn:hover{color:var(--orange);border-color:#ff66004d}.icon-btn:active{background:#ff66001a;transform:scale(.98)}.copy-status{color:var(--green);text-align:center;margin-top:12px;font-size:13px;font-weight:700}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);text-align:center;background:#fff;width:300px;padding:28px 24px;position:relative;box-shadow:0 24px 60px #0000004d}.modal-close{background:var(--line);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;display:flex;position:absolute;top:14px;right:14px}.modal-title{margin-bottom:4px;font-size:18px;font-weight:700}.modal-sub{color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:20px;font-size:13px;font-weight:600}.modal-qr{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto;display:flex}.modal-qr img{border-radius:var(--radius-sm);width:100%;height:100%}.modal-url{color:var(--text-muted);overflow-wrap:anywhere;margin-top:14px;font-size:13px;font-weight:600}.qr-placeholder{color:var(--text-muted);font-size:24px;font-weight:700}.qr-wallet-card{text-align:center}.qr-wallet-card .profile{text-align:left}.qr-frame{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:240px;height:240px;margin:20px auto 0;display:flex}.qr-frame img{border-radius:var(--radius-sm);width:100%;height:100%}.qr-url{color:var(--text-muted);overflow-wrap:anywhere;margin-top:14px;font-size:14px;font-weight:600}.directory-row{border-radius:var(--radius-sm);color:inherit;border:1px solid var(--line);background:#fff;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .25s;display:flex}.directory-row:active{transform:scale(.98)}.not-found{text-align:center;font-size:20px;font-weight:700}.not-found-sub{color:var(--text-muted);text-align:center;margin-top:8px;margin-bottom:20px;font-size:14px}.not-found-card{text-align:center}.not-found-card .btn-primary{max-width:200px;margin:0 auto;display:inline-flex}@media print{body{background:#fff}.page-shell{background:#fff;justify-content:flex-start;min-height:auto;padding:20px 0 0;overflow:visible}.wallet-card{box-shadow:none;border:1px solid var(--line)}.icon-btn,.stack-back,.stack-mid,.bg-image,.bg-overlay{display:none}}@media (width<=420px){.page-shell{padding:24px 14px}.wallet-card{padding:16px}.stack-back,.stack-mid{display:none}}@media (width>=900px){.page-shell{padding:64px 40px}.wallet-card{border-radius:32px;width:min(980px,96vw);padding:28px 32px}.stack-back,.stack-mid{width:520px;height:760px}.brand-bar{margin-bottom:28px}.profile{gap:20px;margin-bottom:28px}.profile-text h2{font-size:22px}.profile-text p{font-size:14px}.actions,.company-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-row{min-height:76px;padding:16px 18px}.cta-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.btn-primary{min-width:240px}.icon-btn{width:54px;height:54px}.partners-strip{justify-content:flex-start;padding:14px 18px}.partners-strip img{max-height:48px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}
