:root{--blue: #165787;--blue-deep: #0d2e55;--cyan: #1ea6c9;--ink: #0f2948;--muted: #66798d}*{box-sizing:border-box}html{background:#eaf3f8}body{margin:0;color:var(--ink);background:#eaf3f8;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.page-shell{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:34px 18px;background:radial-gradient(circle at 15% 8%,rgba(30,166,201,.2),transparent 31%),radial-gradient(circle at 90% 95%,rgba(13,46,85,.16),transparent 34%),linear-gradient(145deg,#f7fbfd,#e9f3f8 46%,#dfeef5)}.ambient{position:fixed;border-radius:999px;pointer-events:none;filter:blur(2px);opacity:.6}.ambient-one{width:310px;height:310px;top:-150px;right:-110px;border:52px solid rgba(22,87,135,.11)}.ambient-two{width:210px;height:210px;bottom:-110px;left:-80px;border:36px solid rgba(30,166,201,.16)}.profile-card{position:relative;z-index:1;width:min(100%,460px);padding:28px 28px 22px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:#ffffffed;box-shadow:0 28px 75px #0d2e552b,0 4px 12px #0d2e5512;backdrop-filter:blur(18px)}.brand-header{display:flex;justify-content:center;margin-bottom:20px}.brand-header a{display:block;outline-offset:5px}.brand-logo{display:block;width:178px;height:auto;object-fit:contain}.identity{text-align:center}.portrait-wrap{position:relative;width:126px;height:126px;margin:0 auto 18px;padding:5px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--blue) 55%,var(--blue-deep));box-shadow:0 13px 30px #0d2e5538}.portrait,.portrait-fallback{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border:4px solid white;border-radius:50%}.portrait{z-index:2;object-fit:cover;object-position:center;background:#dce5ef}.portrait-fallback{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--blue),var(--blue-deep));font-size:32px;font-weight:750;letter-spacing:-.04em}h1{margin:0;color:var(--blue-deep);font-size:clamp(34px,9vw,44px);font-weight:760;letter-spacing:-.045em;line-height:1.05}.role{max-width:340px;margin:10px auto 24px;color:var(--blue);font-size:14px;font-weight:650;line-height:1.5}.action-list{display:grid;gap:12px;margin-top:31px}.action-card{min-height:72px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;padding:10px 15px 10px 12px;border:1px solid var(--line, #dbe6ef);border-radius:17px;color:var(--ink);background:var(--paper, #fff);text-decoration:none;box-shadow:0 6px 20px #0d2e550e;transition:transform .16s,border-color .16s,box-shadow .16s}.action-card:hover{transform:translateY(-2px);border-color:#1ea6c9b3;box-shadow:0 10px 28px #0d2e551c}.action-card:focus-visible,.save-contact:focus-visible,footer a:focus-visible,.brand-header a:focus-visible{outline:3px solid #1ea6c959;outline-offset:3px}.action-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--blue-deep));box-shadow:0 7px 14px #0d2e552e}.action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.linkedin-card-icon{background:linear-gradient(145deg,#0a66c2,#084d92)}.linkedin-icon{stroke-width:2.15px!important}.ar-icon{letter-spacing:-.02em;background:linear-gradient(145deg,var(--cyan),var(--blue));font-size:.78rem;font-weight:800}.action-copy{min-width:0;padding-left:13px;text-align:left}.action-label,.action-value{display:block}.action-label{margin-bottom:3px;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.action-value{overflow:hidden;color:var(--ink);font-size:.97rem;font-weight:690;letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap}.email-value{font-size:.91rem}.save-contact{min-height:57px;display:flex;align-items:center;justify-content:center;margin-top:18px;border-radius:17px;color:#fff;background:linear-gradient(110deg,var(--blue-deep),var(--blue) 58%,var(--cyan));font-size:.98rem;font-weight:750;letter-spacing:.01em;text-decoration:none;box-shadow:0 14px 25px #0d2e553d;transition:transform .16s,box-shadow .16s}.save-contact:hover{transform:translateY(-2px);box-shadow:0 18px 30px #0d2e554a}.save-contact svg{width:21px;height:21px;margin-right:9px;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}footer{margin-top:24px;color:#8b96a5;text-align:center;font-size:11px;letter-spacing:.025em}footer a{color:var(--blue);font-weight:750;text-decoration:none}@media(max-width:480px){.page-shell{padding:14px 10px}.profile-card{padding:22px 16px 18px;border-radius:26px}.brand-header{margin-bottom:16px}.brand-logo{width:166px;height:auto}.portrait-wrap{width:112px;height:112px;margin-bottom:16px}.role{margin-bottom:20px}.action-list{margin-top:26px}}@media(prefers-reduced-motion:reduce){.action-card,.save-contact{transition:none}}