:root{--c:#0B1220;--a:#1D4ED8;--bg:#f3f5f8;--card:#fff;--t:#33373d;--m:#6b7280}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--t);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.card{background:var(--card);border-radius:20px;box-shadow:0 10px 40px rgba(11,18,32,.12);max-width:420px;width:100%;overflow:hidden}
.top{border-top:6px solid var(--a);padding:28px 28px 8px;text-align:center}
.top img{width:260px;height:auto;max-width:100%}
h1{margin:18px 0 2px;font-size:26px;color:var(--c)}
.role{margin:0;font-size:15px;color:var(--c);font-weight:600}
.about{margin:12px 0 0;font-size:14px;color:var(--m);line-height:1.5}
.actions{padding:20px 28px 8px;display:grid;gap:10px}
a.btn{display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:12px;padding:13px 16px;min-height:50px;font-size:15px;font-weight:600;border:1.5px solid #e3e7ee;color:var(--c);background:#fff;transition:background .15s}
a.btn:hover{background:#f6f8fb}a.btn.primary{background:var(--c);color:#fff;border-color:var(--c)}a.btn.primary:hover{background:var(--a);border-color:var(--a)}
a.btn:focus-visible,.others a:focus-visible{outline:3px solid var(--a);outline-offset:2px}
a.btn svg{width:20px;height:20px;flex:none}a.btn span.sub{margin-inline-start:auto;font-weight:400;color:var(--m);font-size:13px;direction:ltr;unicode-bidi:isolate}a.btn.primary span.sub{color:#dbe6f3}
.others{margin:6px 0 0;padding:6px 28px 0;text-align:center;font-size:13px;color:var(--m)}
.others a{color:var(--a);text-decoration:none;font-weight:600;display:inline-block;padding:8px 4px}.others a:hover{text-decoration:underline}
.qr{text-align:center;padding:14px 28px 26px;border-top:1px solid #eef1f5;margin-top:12px}
.qr svg{width:132px;height:132px;display:block;margin:0 auto 6px}.qr p{margin:0;font-size:12px;color:var(--m)}
.qr bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
a.btn.stack{align-items:center}a.btn.stack span.txt{display:grid;gap:1px;min-width:0}a.btn.stack span.sub{margin:0;text-align:right;overflow-wrap:anywhere}