@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--background:#101112;--surface:#181b1e;--surface-high:#22272b;--line:#343a40;--text:#f1f4f6;--muted:#a4adb5;--primary:#ff5542;--primary-soft:#ffb4a8;--primary-ink:#340500;--cyan:#7dd0ff;--shadow:0 24px 70px #0000005c}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100dvh;color:var(--text);background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), radial-gradient(circle at top left, #7dd0ff21, transparent 34rem), var(--background);-webkit-font-smoothing:antialiased;background-size:48px 48px,48px 48px,auto,auto;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.card{border:1px solid var(--line);width:min(980px,100%);box-shadow:var(--shadow);background:#181b1ef2;border-radius:8px;display:grid;overflow:hidden}.portrait-panel{background:linear-gradient(135deg,#ff55422e,#0000 44%),#070809;place-items:center;min-height:340px;padding:clamp(24px,7vw,96px);display:grid}.portrait-panel img{object-fit:contain;object-position:center;width:100%;height:auto;min-height:0;max-height:min(760px,100dvh - 48px)}.details-panel{gap:24px;padding:24px;display:grid}.brand-row{width:fit-content;color:var(--primary-soft);align-items:center;gap:10px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:1.24rem;font-weight:800;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--primary);background:#080909;border:1px solid #ff5542c7;border-radius:8px;place-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-grid}.intro{gap:8px;display:grid}.eyebrow{color:var(--primary-soft);letter-spacing:0;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}h1{color:var(--text);letter-spacing:0;margin:0;font-family:Hanken Grotesk,Inter,sans-serif;font-size:clamp(2.6rem,8vw,5.8rem);font-weight:800;line-height:.94}.role{color:var(--cyan);margin:0;font-size:1.08rem;font-weight:600}.note{max-width:48ch;color:var(--muted);margin:10px 0 0;font-size:1rem;line-height:1.6}.contact-list{gap:10px;display:grid}.contact-list a{border:1px solid var(--line);min-height:50px;color:var(--text);background:#0000002e;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.contact-list a:hover{background:#ff554214;border-color:#ffb4a8bf;transform:translate(3px)}.contact-list span,.share-link{overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:.82rem}.share-panel{border:1px solid var(--line);background:var(--surface-high);border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:16px;display:grid}.qr-frame{background:#f7f7f7;border-radius:8px;place-items:center;width:190px;height:190px;display:grid}.share-link{color:var(--muted);margin:8px 0 0}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.actions button{min-width:0;min-height:50px;color:var(--primary-soft);text-transform:uppercase;background:#ff554214;border:1px solid #ffb4a8bf;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:background .16s,transform .12s;display:inline-flex}.actions button:first-child{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.actions button:hover{transform:translateY(-1px)}.actions button:active{transform:scale(.98)}.toast{max-width:min(340px,100% - 32px);color:var(--cyan);opacity:0;pointer-events:none;background:#0b0e10f0;border:1px solid #7dd0ff80;border-radius:8px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.78rem;transition:opacity .16s,transform .16s;position:fixed;bottom:16px;right:16px;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (max-width:520px){.page-shell{align-items:start;padding:12px}.details-panel{padding:18px}.actions{grid-template-columns:1fr}}@media (min-width:760px){.page-shell{align-items:stretch;padding:0}.card{width:100%;min-height:100dvh;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(420px,560px)}.portrait-panel{height:100dvh;min-height:100dvh;padding:clamp(40px,6vw,112px)}.portrait-panel img{height:100%;min-height:0;max-height:100%}.details-panel{border-left:1px solid var(--line);background:#181b1ef5;align-content:center;min-height:100dvh;padding:34px}.share-panel{grid-template-columns:auto minmax(0,1fr)}}