:root{color-scheme:light;--surface:#e8edf2;--ink:#303e50;--muted:#667487;--shade:#c7d0da;--light:#fff;--accent:#426998;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased}
main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 28px}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.card{width:min(100%,440px);padding:38px 34px 30px;border-radius:38px;background:var(--surface);box-shadow:20px 20px 48px #c8d0d9,-20px -20px 48px #fff;border:1px solid #ffffff65}
.portrait-frame{width:144px;height:144px;margin:0 auto 25px;padding:9px;border-radius:50%;box-shadow:8px 8px 16px var(--shade),-8px -8px 16px var(--light)}
.portrait{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:inset 2px 2px 5px #42536a20}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.55);transform-origin:55% 25%}
header{text-align:center;margin-bottom:30px}
h1{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:0}
h1 span{display:block;font-size:21px;font-weight:400;letter-spacing:-.45px;margin-top:7px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.socials{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.soft-button{border:1px solid #ffffff55;display:flex;align-items:center;gap:10px;min-height:57px;padding:0 15px;border-radius:17px;background:var(--surface);box-shadow:5px 5px 11px var(--shade),-5px -5px 11px var(--light);font-size:13px;font-weight:500;transition:box-shadow .18s ease,color .18s ease,transform .18s ease}
.icon,.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon{color:#546d89}
.arrow{width:13px;height:13px;color:var(--muted);margin-left:auto}
.soft-button:hover{color:var(--accent);transform:translateY(-2px);box-shadow:7px 7px 14px var(--shade),-7px -7px 14px var(--light)}
.soft-button:active{transform:translateY(0);box-shadow:inset 3px 3px 7px var(--shade),inset -3px -3px 7px var(--light)}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.phone{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:23px;padding:17px 6px;font-size:17px;font-weight:500;letter-spacing:.1px;border-radius:15px;box-shadow:inset 3px 3px 7px #cbd3dc,inset -3px -3px 7px #fff;transition:color .18s}
.phone .icon{width:18px;height:18px}
.phone:hover{color:var(--accent)}
.divider{height:2px;background:#cbd3dc90;box-shadow:0 1px 0 #ffffffcf;margin:27px 0 23px}
.work{display:flex;align-items:center;gap:13px;border-radius:12px}
.work-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;box-shadow:4px 4px 8px var(--shade),-4px -4px 8px var(--light)}
.work-copy{display:flex;flex-direction:column;gap:4px}
.work-copy small{font-size:10px;color:var(--muted);letter-spacing:.03em}
.work-copy strong{font-size:15px;font-weight:500}
.work:hover strong{color:var(--accent)}
.work>.arrow{width:17px;height:17px;margin-right:3px}
@media(max-width:440px){main{padding:32px 20px 24px}.card{padding:30px 24px 25px;border-radius:32px}.portrait-frame{width:132px;height:132px;margin-bottom:23px}h1{font-size:30px}h1 span{font-size:20px}.socials{gap:15px}.soft-button{padding:0 12px;gap:8px;font-size:12px}.soft-button .arrow{width:11px;height:11px}header{margin-bottom:27px}.phone{font-size:16px}}
@media(max-width:350px){main{padding:24px 14px}.card{padding:26px 20px}.soft-button{gap:7px;padding:0 10px}.soft-button .arrow{display:none}h1 span{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}