:root{--g9:#00312d;--g8:#0a423d;--lime:#9bee68;--cream:#f8f8f3;--ink:#1a1a17;--muted:#4d4845;--line:#dcdcd2}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ebc{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--g9) 0,var(--g9) 260px,var(--cream) 260px);font-family:"Funnel Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.5}
.ebc-card{max-width:460px;margin:0 auto;padding:20px 16px 28px}
.ebc-hero{position:relative;display:flex;align-items:center;gap:10px;color:#fff;padding:4px 4px 64px}
.ebc-logo{border-radius:8px;background:#fff;padding:3px}
.ebc-brand{font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.25}
.ebc-avatar{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:124px;height:124px;border-radius:50%;background:var(--lime);border:5px solid var(--cream);overflow:hidden;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,49,45,.25)}
.ebc-avatar img{width:100%;height:100%;object-fit:cover}
.ebc-avatar span{font-size:40px;font-weight:700;color:var(--g9)}
.ebc-id{background:#fff;border-radius:24px 24px 0 0;padding:80px 20px 20px;text-align:center}
.ebc-id h1{margin:0;font-size:28px;line-height:1.2;color:var(--g9)}
.ebc-role{margin:6px 0 0;font-weight:600;color:var(--muted)}
.ebc-bio{margin:10px 0 0;font-size:14.5px;color:var(--muted)}
.ebc-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;width:100%;min-height:50px;border-radius:500px;background:var(--lime);color:var(--g9);font-weight:700;text-decoration:none;font-size:16px}
.ebc-save svg{width:22px;height:22px;fill:currentColor}
.ebc-save:hover,.ebc-save:focus-visible{background:#c3fb7a}
.ebc-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;background:#fff;padding:4px 20px 20px}
.ebc-actions a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:var(--cream);border:1px solid var(--line);color:var(--g9);font-size:13px;font-weight:600;text-decoration:none}
.ebc-actions svg{width:26px;height:26px;fill:var(--g8)}
.ebc-actions a:hover,.ebc-actions a:focus-visible{background:var(--g9);color:#fff}
.ebc-actions a:hover svg,.ebc-actions a:focus-visible svg{fill:var(--lime)}
.ebc-list{list-style:none;margin:0;padding:6px 20px 8px;background:#fff}
.ebc-list li{display:flex;flex-direction:column;padding:12px 0;border-top:1px solid var(--line);font-size:15px;word-break:break-word}
.ebc-list small{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ebc-list a{color:var(--g9);font-weight:600;text-decoration:none}
.ebc-list a:hover{text-decoration:underline}
.ebc-share{background:#fff;border-radius:0 0 24px 24px;padding:20px;text-align:center;border-top:1px solid var(--line)}
.ebc-share #ebc-qr{display:inline-block;padding:10px;border:1px solid var(--line);border-radius:16px;width:200px}
.ebc-share #ebc-qr svg{display:block;width:100%;height:auto}
.ebc-share p{margin:10px 0 14px;font-size:13px;color:var(--muted)}
.ebc-btn{min-height:46px;padding:0 28px;border-radius:500px;border:2px solid var(--g9);background:transparent;color:var(--g9);font:inherit;font-weight:700;cursor:pointer}
.ebc-btn:hover,.ebc-btn:focus-visible{background:var(--g9);color:#fff}
.ebc-foot{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}
@media (min-width:600px){body.ebc{padding:32px 0}.ebc-card{padding-top:0}}