:root{--navy:#062b4a;--navy2:#041d33;--blue:#1597e5;--white:#fff;--soft:#dcecf7;--shadow:0 24px 70px rgba(0,0,0,.30)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:24px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf1f6,#cfdde7);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white)}
.card{width:min(430px,100%);overflow:hidden;position:relative;border-radius:30px;background:linear-gradient(180deg,var(--navy),var(--navy2));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.15)}
.photo-wrap{height:360px;position:relative;background:#dce5ec;display:flex;justify-content:center;overflow:hidden}.photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(4,29,51,.45) 100%);pointer-events:none}.photo{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.content{padding:25px 27px 30px;text-align:center}.name{margin:0;font-size:clamp(31px,8vw,40px);font-weight:850;letter-spacing:.04em}.role{margin:7px 0 25px;color:#b9def5;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.action{min-height:82px;border:1px solid rgba(255,255,255,.12);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:#fff;background:rgba(255,255,255,.065);transition:transform .2s,background .2s,border-color .2s}.action:hover{transform:translateY(-3px);background:rgba(21,151,229,.18);border-color:rgba(21,151,229,.65)}
.icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900;font-size:15px}.label{font-size:11px;color:#a9c8dc;text-transform:uppercase;letter-spacing:.08em}.value{font-size:12px;font-weight:750;word-break:break-word}.cta{margin:20px 0 0;padding:13px 15px;border-radius:999px;background:#fff;color:var(--navy);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.site{grid-column:1/-1}.footer{margin-top:19px;color:#8fb1c8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:380px){body{padding:14px}.photo-wrap{height:315px}.content{padding:22px 19px 25px}.action{min-height:76px}.value{font-size:11px}}
.qr{margin:20px auto 0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055);text-align:center}.qr img{width:150px;height:150px;display:block;margin:0 auto 12px;background:#fff;padding:7px;border-radius:12px}.qr-title{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.qr-sub{margin-top:4px;color:#a9c8dc;font-size:11px}

.phone-action{margin-top:13px}

.contact-button{font-family:inherit;cursor:pointer;width:100%}
.contact-button .value{max-width:100%;padding:0 8px}