:root{color-scheme:dark;--bg:#080c0f;--text:#ffffff;--muted:#afbdc2;--accent:#008699;--accent-light:#49c3d3}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#09303a 0,transparent 65%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;padding:40px 24px}
.card{width:100%;max-width:400px;margin:auto;text-align:center}
.portrait{width:144px;height:144px;border-radius:50%;overflow:hidden;margin:0 auto 26px;border:3px solid var(--accent);box-shadow:0 0 0 7px #00869914}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;transform:scale(1.3);transform-origin:50% 34%}
.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent-light);margin:0 0 13px}
h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px;font-weight:600}
.role{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 30px}
.mobile-break{display:none}
.save{display:flex;gap:12px;align-items:center;justify-content:center;text-decoration:none;color:#000000;background:var(--accent);min-height:58px;border-radius:14px;font-size:16px;font-weight:700;transition:background .15s,transform .15s}
svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.save:hover{background:#20a5b8;transform:translateY(-2px)}
.hint{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 26px}
.contact-fallback{font-size:12px;color:var(--muted);margin:-12px 0 26px;line-height:1.6}.contact-fallback a{color:var(--accent-light);text-underline-offset:3px}
.links{display:grid;gap:10px;text-align:left}
.links a,.links button{width:100%;font:inherit;display:flex;align-items:center;gap:15px;min-height:64px;padding:12px 18px;border:1px solid #ffffff14;background:#ffffff04;border-radius:14px;text-decoration:none;color:var(--text);text-align:left;transition:background .15s,border-color .15s}
.links a:hover{background:#00869914;border-color:#00869999}
.icon{width:28px;display:flex;align-items:center;justify-content:center;color:var(--accent-light)}
.social-text{font-size:24px;font-weight:bold;letter-spacing:-1px}
.dot{fill:currentColor;stroke:none}
.arrow{margin-left:auto;color:var(--muted);font-size:21px}
.links button:disabled{opacity:.45}
.links small{margin-left:6px;font-size:10px;color:var(--muted)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}
.help{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.help summary{cursor:pointer;display:list-item;list-style-position:inside}
.help p{text-align:left;padding:0 8px}
footer{border-top:1px solid #ffffff0c;margin-top:26px;padding-top:22px;font-size:11px;letter-spacing:.3px;color:#9baeb5}
footer a{color:var(--accent-light);text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:420px){body{padding:32px 22px}.mobile-break{display:block}.role span{display:none}h1{font-size:29px}.portrait{width:132px;height:132px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.save:hover{transform:none}}
:where(.site-breadcrumb) ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:12px;color:#a7b3b5}
:where(.site-breadcrumb) li+li::before{content:'›';margin-right:6px}
:where(.site-breadcrumb) a{color:inherit;text-decoration:none}