*{box-sizing:border-box} :root{--blue:#0069B4;--cyan:#00BEDD;--navy:#06202F;--ink:#10222E;--body:#3C4C57;--line:#E4E9EC;--soft:#F5F8FA}html{color-scheme:light}body{margin:0;background:linear-gradient(180deg,#FFFFFF 0%,#F1F7FB 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:16px;z-index:5}.skip:focus{top:16px}.profile{width:min(100% - 40px,480px);margin:auto;padding:32px 0}.topbar{display:flex;justify-content:space-between;align-items:center;height:48px}.brand{display:flex;align-items:center}.brand img{display:block;width:112px;height:auto}.share{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);cursor:pointer}svg{width:24px;height:24px;display:block}.share svg{width:19px;height:19px}.intro{text-align:center;padding:32px 0 24px}.avatar{display:block;width:112px;height:112px;object-fit:cover;border-radius:50%;margin:0 auto 20px;border:4px solid white;outline:1px solid var(--line)}h1{margin:0;font-size:40px;line-height:1.1;font-weight:700}.full-name{margin:8px 0 16px;font-size:14px;color:var(--body);font-weight:400}.role{font-size:14px;margin:0;line-height:1.6}.role span{color:var(--body)}.role strong{font-weight:700}.location{font-size:12px;color:var(--body);margin:8px 0 0}.brand-rule{width:40px;height:4px;background:linear-gradient(90deg,#0069B4,#00BEDD);margin:24px auto 0}nav{display:grid;gap:12px}.link{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:16px;min-height:80px;background:white;border:1px solid var(--line);padding:16px 24px;text-align:center}.link-icon{color:var(--blue)}.link strong{font-size:14px;font-weight:700;display:block;line-height:1.4}.link small{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:var(--body);font-weight:400}.arrow{color:var(--body)}.arrow svg{width:18px;height:18px}.link:hover{background:#E6F1F9;border-color:var(--blue)}.save{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:white;min-height:56px;padding:16px;margin-top:24px;font-size:14px;font-weight:700}.save:hover{background:#00518D}.save svg{width:20px;height:20px}footer{text-align:center;padding:32px 0 8px}footer p{margin:0 0 8px;font-size:14px;font-weight:300;color:var(--body)}footer span{font-size:12px;font-weight:700;color:var(--body)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;max-width:calc(100% - 32px);font-size:14px;text-align:center;z-index:4;display:none}.toast.visible{display:block}@media(max-width:380px){.profile{width:calc(100% - 32px);padding-top:24px}.link{padding:16px;gap:8px}.role{font-size:13px}}@media(prefers-reduced-motion:no-preference){.link,.save,.share{transition:background-color .15s,border-color .15s}}
.phone-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:white;border:1px solid var(--line)}.phone-option{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:16px 8px;text-align:center}.phone-option+ .phone-option{border-left:1px solid var(--line)}.phone-option strong{font-size:14px;line-height:1.4;font-weight:700}.phone-option small{font-size:12px;line-height:1.4;color:var(--body);white-space:nowrap}.phone-option:hover{background:#E6F1F9}.phone-option:focus-visible{outline-offset:-4px}

.phone-label{display:flex!important;align-items:center;justify-content:center;gap:8px}.country-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:20px;line-height:1}.phone-number{display:flex;align-items:center;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}.phone-icon{width:14px;height:14px;flex-shrink:0;color:var(--blue)}@media(max-width:340px){.phone-number{gap:4px}.phone-option{padding-inline:4px}.phone-option small{font-size:11px}}

.zalo-logo{display:block;width:32px;height:32px;object-fit:contain}