/* <inline asset> */
@charset "UTF-8"; 

/* /kpmg_kyd_ondemand/static/src/css/kyd.scss */
 .kyd-app{}.kyd-app{--kpmg-blue:#00338d; --kpmg-bright:#1e49e2; --kpmg-sky:#00b8f5; --kpmg-purple:#7213ea; --kpmg-pink:#fd349c; --ink:oklch(0.24 0.018 264); --muted:oklch(0.44 0.018 264); --soft:oklch(0.97 0.006 264); --surface:oklch(0.995 0.003 264); --paper:oklch(0.985 0.004 264); --line:oklch(0.88 0.012 264); --line-strong:oklch(0.78 0.018 264); --dark:#0c233c; --on-dark:oklch(0.98 0.006 264); --on-dark-soft:oklch(0.82 0.03 264); --ok-bg:oklch(0.94 0.05 158); --ok-fg:oklch(0.38 0.11 158); --warn-bg:oklch(0.95 0.035 350); --radius:4px; --radius-card:6px; --shadow:0 10px 28px oklch(0.2 0.04 264 / .12); --shadow-heavy:0 20px 56px oklch(0.18 0.05 264 / .24); --font:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; --ease:cubic-bezier(.22,1,.36,1); --t:170ms var(--ease);}.kyd-app, .kyd-app *{box-sizing: border-box; margin: 0; padding: 0;}.kyd-app [hidden]{display: none !important;}@media (prefers-reduced-motion: reduce){.kyd-app *, .kyd-app *::before, .kyd-app *::after{animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important;}}.kyd-app{min-width: 320px; font-family: var(--font); color: var(--ink); background: var(--paper); line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}.kyd-app ::selection{background: var(--kpmg-sky); color: var(--on-dark);}.kyd-app h1, .kyd-app h2, .kyd-app h3, .kyd-app h4{font-weight: 700; line-height: 1.15; color: inherit; letter-spacing: 0;}.kyd-app a{color: inherit;}.kyd-app button, .kyd-app input, .kyd-app select, .kyd-app textarea{font: inherit;}.kyd-app .nav{position: sticky; top: 0; z-index: 60; background: var(--surface); border-bottom: 1px solid var(--line); box-shadow: none;}.kyd-app .nav-inner{max-width: 1340px; min-height: 64px; margin: 0 auto; padding: 10px 28px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 44px;}.kyd-app .brand{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; text-decoration: none; min-width: 0;}.kyd-app .brand img{width: 80px; height: auto; display: block; filter: none;}.kyd-app .nav-links{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 26px; color: var(--ink); font-size: 15px; font-weight: 500;}.kyd-app .nav-link{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 0; border-radius: 0; color: var(--ink); text-decoration: none; cursor: pointer; border-bottom: 2px solid transparent; transition: border-color var(--t), color var(--t);}.kyd-app .nav-link:hover{border-color: var(--kpmg-bright); color: var(--kpmg-bright);}.kyd-app .language-switch{position: relative;}.kyd-app .language-switch button{min-height: 40px; border: 0; border-radius: 0; padding: 8px 0; color: var(--kpmg-bright); background: transparent; cursor: pointer; font-size: 15px; font-weight: 500;}.kyd-app .language-switch button::after{content: ""; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor;}.kyd-app .language-menu{position: absolute; right: 0; top: calc(100% + 8px); min-width: 152px; padding: 6px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); opacity: 0; pointer-events: none; transform: translateY(-4px); transition: opacity var(--t), transform var(--t);}.kyd-app .language-switch:hover .language-menu, .kyd-app .language-switch:focus-within .language-menu, .kyd-app .language-switch.open .language-menu{opacity: 1; pointer-events: auto; transform: none;}.kyd-app .language-menu a{display: block; padding: 8px 10px; border-radius: 3px; color: var(--ink); text-decoration: none; font-size: 12px; font-weight: 600;}.kyd-app .language-menu a:hover{background: var(--soft); color: var(--kpmg-blue);}.kyd-app .screen{display: none;}.kyd-app .screen.active{display: block; animation: fade 0.22s var(--ease) both;}@keyframes fade{from{opacity: 0;}to{opacity: 1;}}.kyd-app .hero{position: relative; min-height: 560px; overflow: hidden; background: var(--kpmg-blue); color: var(--on-dark); display: grid; align-items: center;}.kyd-app .hero-bg{position: absolute; inset: 0; background: linear-gradient(90deg, oklch(0.98 0.004 264/0.88) 0%, oklch(0.98 0.004 264/0.68) 40%, oklch(0.98 0.004 264/0.16) 67%, oklch(0.98 0.004 264/0) 100%), url("https://ondemand.kpmg.com.vn/web/image/7994-82b537da/Event%20%272026%20Personal%20Income%20Tax%20Update%20%7C%20New%20PIT%20Regulations%20Are%20Coming%20-%20Hanoi%20Session%27%20cover%20image.webp") center/cover no-repeat; transform: scale(1.01);}.kyd-app .hero::after{content: ""; position: absolute; inset: auto 0 0 0; height: 2px; background: var(--kpmg-bright);}.kyd-app .hero-inner{position: relative; z-index: 2; max-width: 1180px; width: 100%; margin: 0 auto; padding: 72px 22px 92px; color: var(--kpmg-blue);}.kyd-app .eyebrow, .kyd-app .section-kicker{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: var(--kpmg-bright); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;}.kyd-app .eyebrow .dot{width: 34px; height: 2px; background: var(--kpmg-pink);}.kyd-app .hero h1{max-width: 620px; margin-bottom: 18px; color: var(--kpmg-bright); font-size: 44px; line-height: 1.08; font-weight: 800;}.kyd-app .hero p.lead{max-width: 610px; color: oklch(0.36 0.055 264); font-size: 16px; line-height: 1.65; font-weight: 600; margin-bottom: 28px;}.kyd-app .hero-cta{display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}.kyd-app .hero-note{margin: 14px 0 0; color: var(--muted); font-size: 13px; font-weight: 600;}.kyd-app .nojs-note{display: inline-block; color: var(--muted); font-size: 12.5px; font-weight: 600;}.kyd-app .btn{min-height: 42px; border: 1px solid transparent; border-radius: var(--radius); padding: 11px 18px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: inherit; background: transparent; text-decoration: none; font-size: 14px; font-weight: 700; line-height: 1; cursor: pointer; transition: background var(--t), border-color var(--t), color var(--t), box-shadow var(--t);}.kyd-app .btn-primary{background: var(--kpmg-bright); border-color: var(--kpmg-bright); color: var(--on-dark); box-shadow: 0 7px 18px oklch(0.25 0.08 264/0.2);}.kyd-app .btn-primary:hover{background: var(--kpmg-blue); border-color: var(--kpmg-blue);}.kyd-app .btn-ghost{background: oklch(0.995 0.003 264/0.72); border-color: oklch(0.76 0.03 264); color: var(--kpmg-blue);}.kyd-app .btn-ghost:hover{background: var(--surface); border-color: var(--kpmg-bright);}.kyd-app .btn .arr{transition: transform var(--t);}.kyd-app .btn:hover .arr{transform: translateX(3px);}.kyd-app .intro-band{background: var(--dark); color: var(--on-dark); padding: 64px 22px 68px;}.kyd-app .intro-band-inner{max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 70px; align-items: start;}.kyd-app .intro-band .section-kicker{color: var(--kpmg-sky);}.kyd-app .intro-band h2{max-width: 430px; color: var(--on-dark); font-size: 34px;}.kyd-app .intro-copy > p{max-width: 680px; color: var(--on-dark-soft); font-size: 15px; line-height: 1.75; margin-bottom: 28px;}.kyd-app .match-points{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}.kyd-app .match-points div{border-top: 2px solid var(--kpmg-bright); padding-top: 14px;}.kyd-app .match-points dt{color: var(--on-dark); font-weight: 800; margin-bottom: 7px;}.kyd-app .match-points dd{color: var(--on-dark-soft); font-size: 13px; line-height: 1.65;}.kyd-app .practice-strip{min-height: 330px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--surface);}.kyd-app .practice-media{min-height: 330px; background: linear-gradient(135deg, oklch(0.2 0.12 285/0.2), oklch(0.31 0.18 275/0.08)), url("https://ondemand.kpmg.com.vn/web/image/7116-890d8203/3d-illustration-stereo-purple-stripes-geometric-stripes-similar-waves-abstract-glowing-crossing-lines-pattern.jpg") center/cover no-repeat;}.kyd-app .practice-content{padding: 58px 64px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start;}.kyd-app .practice-content h2{max-width: 520px; margin-bottom: 14px; color: var(--kpmg-bright); font-size: 30px;}.kyd-app .practice-content p{max-width: 610px; color: var(--muted); font-size: 15px; line-height: 1.75; margin-bottom: 24px;}.kyd-app .contact-panel{position: relative; overflow: hidden; padding: 66px 22px 78px; background: radial-gradient(circle at 100% 100%, oklch(0.67 0.18 264/0.42), transparent 26%), var(--surface);}.kyd-app .contact-head{max-width: 900px; margin: 0 auto 28px; text-align: center;}.kyd-app .contact-head h2{color: var(--kpmg-bright); font-size: 32px;}.kyd-app .contact-grid{max-width: 820px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px;}.kyd-app .contact-card{background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 28px 24px; text-align: center; box-shadow: 0 6px 18px oklch(0.2 0.04 264/0.08);}.kyd-app .contact-card img{width: 116px; height: 116px; object-fit: cover; border-radius: 50%; margin: 0 auto 18px; display: block;}.kyd-app .contact-card h3{color: var(--kpmg-blue); font-size: 16px; margin-bottom: 8px;}.kyd-app .contact-card p{color: var(--muted); font-size: 12px; line-height: 1.65; margin-bottom: 12px;}.kyd-app .contact-card a{color: var(--kpmg-bright); font-size: 12px; font-weight: 700; text-decoration: none;}.kyd-app .contact-card a:hover{text-decoration: underline;}.kyd-app .wizard-head{position: relative; overflow: hidden; padding: 62px 22px 60px; background: var(--dark); color: var(--on-dark);}.kyd-app .wizard-head::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 42vw; max-width: 560px; background: linear-gradient(90deg, var(--dark), oklch(0.09 0.018 264/0.38)), url("https://ondemand.kpmg.com.vn/web/image/7116-890d8203/3d-illustration-stereo-purple-stripes-geometric-stripes-similar-waves-abstract-glowing-crossing-lines-pattern.jpg") center/cover no-repeat; opacity: .88;}.kyd-app .wizard-head::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--kpmg-bright);}.kyd-app .wizard-head-inner{position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 460px) minmax(360px, 1fr); align-items: center; gap: 72px;}.kyd-app .wizard-intro .section-kicker{color: var(--kpmg-sky);}.kyd-app .wizard-head h2, .kyd-app .results-head h2{color: var(--on-dark); font-size: 32px;}.kyd-app .wizard-head h2{max-width: 440px; font-size: 42px; line-height: 1.06;}.kyd-app .wizard-head p, .kyd-app .results-head p{margin-top: 9px; color: var(--on-dark-soft); font-size: 15px;}.kyd-app .wizard-head p{max-width: 440px; line-height: 1.75;}.kyd-app .stepper{max-width: none; margin: 0; display: grid; grid-template-columns: 1fr; gap: 0; background: oklch(0.99 0.006 264/0.06); border: 1px solid oklch(0.99 0.006 264/0.18); border-radius: var(--radius-card);}.kyd-app .step-node{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; gap: 14px; min-height: 62px; padding: 13px 16px; border-bottom: 1px solid oklch(0.99 0.006 264/0.16);}.kyd-app .step-node:last-of-type{border-bottom: 0;}.kyd-app .step-dot{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 3px; border: 1px solid oklch(0.99 0.006 264/0.34); color: var(--on-dark); background: oklch(0.99 0.006 264/0.08); font-size: 13px; font-weight: 800; transition: background var(--t), color var(--t), border-color var(--t), box-shadow var(--t);}.kyd-app .step-node.done .step-dot, .kyd-app .step-node.current .step-dot{background: var(--kpmg-bright); border-color: var(--kpmg-bright); color: var(--on-dark); box-shadow: 0 0 0 3px oklch(0.99 0.006 264/0.12);}.kyd-app .step-label{color: var(--on-dark); font-size: 13px; font-weight: 700; white-space: nowrap;}.kyd-app .step-node:not(.current):not(.done) .step-label{color: var(--on-dark-soft);}.kyd-app .step-bar{display: none;}.kyd-app .wizard-body{max-width: 1180px; margin: 0 auto; padding: 54px 22px 88px;}.kyd-app .panel{display: none; background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none;}.kyd-app .panel.active{display: block; animation: fade 0.2s var(--ease) both;}.kyd-app .panel-title{max-width: 760px; margin: 0; text-align: left; color: var(--kpmg-bright); font-size: 32px; line-height: 1.12;}.kyd-app .panel-sub{max-width: 620px; margin: 10px 0 30px; text-align: left; color: var(--muted); font-size: 14px;}.kyd-app #panel-2 .panel-title, .kyd-app #panel-3 .panel-title{color: var(--kpmg-blue);}.kyd-app #panel-2 .panel-sub, .kyd-app #panel-3 .panel-sub{position: relative; padding-left: 18px; border-left: 3px solid var(--kpmg-bright);}.kyd-app #panel-2 #pp-container, .kyd-app #panel-3 .form-grid{position: relative;}.kyd-app #panel-2 #pp-container::before{content: ""; position: absolute; top: 0; right: 0; width: 132px; height: 64px; background: linear-gradient(135deg, var(--kpmg-bright), var(--kpmg-purple)); opacity: .08; pointer-events: none;}.kyd-app #panel-3{display: none;}.kyd-app #panel-3.active{display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 56px; align-items: start;}.kyd-app #panel-3 .panel-title, .kyd-app #panel-3 .panel-sub{grid-column: 1;}.kyd-app #panel-3 .panel-title{font-size: 38px; line-height: 1.08;}.kyd-app #panel-3 .panel-sub{max-width: 34ch; margin-bottom: 0; padding-left: 20px; border-left: 4px solid var(--kpmg-bright); font-size: 15px; line-height: 1.75;}.kyd-app #panel-3 .form-grid{grid-column: 2; grid-row: 1 / span 3;}.kyd-app #panel-3 .wiz-nav{grid-column: 1 / -1;}.kyd-app .svc-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}.kyd-app .svc-card{position: relative; min-height: 190px; padding: 74px 18px 20px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); cursor: pointer; overflow: hidden; transition: border-color var(--t), background var(--t), box-shadow var(--t);}.kyd-app .svc-card:hover{border-color: var(--kpmg-sky); box-shadow: 0 8px 22px oklch(0.2 0.04 264/0.1);}.kyd-app .svc-card.selected{border-color: var(--kpmg-blue); background: linear-gradient(135deg, var(--kpmg-blue), var(--kpmg-bright)); box-shadow: 0 10px 26px oklch(0.2 0.04 264/0.14);}.kyd-app .svc-card.selected h4{color: #fff;}.kyd-app .svc-card.selected span{color: oklch(0.92 0.02 264);}.kyd-app .svc-ic{position: absolute; top: 14px; left: 16px; width: 34px; height: 34px; margin-bottom: 0; display: grid; place-items: center; color: var(--kpmg-blue); background: #fff; border: 1px solid var(--line); border-radius: 3px; z-index: 1; transition: background var(--t), color var(--t), border-color var(--t);}.kyd-app .svc-card.selected .svc-ic{background: #00276d; color: #fff; border-color: transparent;}.kyd-app .svc-ic svg{width: 18px; height: 18px;}.kyd-app .svc-card h4{margin-bottom: 7px; color: var(--kpmg-blue); font-size: 16px; line-height: 1.25;}.kyd-app .svc-card span{display: block; color: var(--muted); font-size: 12.5px; line-height: 1.55;}.kyd-app .check{position: absolute; top: 15px; right: 16px; width: 22px; height: 22px; display: grid; place-items: center; background: transparent; color: #fff; opacity: 0; transition: opacity var(--t); z-index: 2;}.kyd-app .svc-card.selected .check{opacity: 1;}.kyd-app .check svg{width: 13px; height: 13px;}.kyd-app .pp-group{margin-bottom: 18px; padding: 0; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); box-shadow: 0 7px 20px oklch(0.2 0.04 264/0.06); overflow: hidden;}.kyd-app .pp-group.missing{border-color: var(--kpmg-pink); box-shadow: 0 0 0 3px oklch(0.62 0.18 350/0.13), 0 7px 20px oklch(0.2 0.04 264/0.08);}.kyd-app .pp-group.missing .pp-group-head{background: oklch(0.97 0.025 350);}.kyd-app .pp-group.missing .pp-group-head small{color: var(--kpmg-pink);}.kyd-app .pp-group-head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px; padding: 17px 20px; margin-bottom: 0; border-bottom: 1px solid var(--line); background: oklch(0.98 0.006 264);}.kyd-app .badge-ic{width: 32px; height: 32px; display: grid; place-items: center; border-radius: 3px; background: var(--kpmg-bright); color: var(--on-dark);}.kyd-app .badge-ic svg{width: 17px; height: 17px;}.kyd-app .pp-group-head h4{font-size: 17px; color: var(--kpmg-blue);}.kyd-app .pp-group-head small{color: var(--muted); font-size: 12px; font-weight: 600;}.kyd-app .pp-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 20px;}.kyd-app .pp-chip{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color var(--t), background var(--t);}.kyd-app .pp-chip:hover{border-color: var(--kpmg-sky);}.kyd-app .pp-chip.selected{border-color: var(--kpmg-bright); background: oklch(0.96 0.025 264);}.kyd-app .pp-box{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 19px; height: 19px; display: grid; place-items: center; border-radius: 3px; border: 1px solid var(--line-strong);}.kyd-app .pp-chip.selected .pp-box{background: var(--kpmg-bright); border-color: var(--kpmg-bright);}.kyd-app .pp-box svg{width: 11px; height: 11px; color: var(--on-dark); opacity: 0;}.kyd-app .pp-chip.selected .pp-box svg{opacity: 1;}.kyd-app .pp-other{grid-column: 1/-1; margin-top: 4px;}.kyd-app .pp-other label, .kyd-app .field label{display: block; margin-bottom: 7px; color: var(--ink); font-size: 13px; font-weight: 700;}.kyd-app .pp-other textarea, .kyd-app .field select, .kyd-app .field input{width: 100%; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); padding: 12px 13px; font-size: 14px; transition: border-color var(--t), box-shadow var(--t);}.kyd-app .pp-other textarea{min-height: 64px; resize: vertical;}.kyd-app .pp-other textarea:focus, .kyd-app .field select:focus, .kyd-app .field input:focus{outline: none; border-color: var(--kpmg-bright); box-shadow: 0 0 0 3px oklch(0.76 0.1 264/0.22);}.kyd-app .empty-hint{padding: 40px 18px; border: 1px dashed var(--line-strong); border-radius: var(--radius); background: var(--soft); color: var(--muted); text-align: center; font-size: 14px;}.kyd-app .form-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}.kyd-app .field{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0;}.kyd-app .panel .form-grid{max-width: 920px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;}.kyd-app #panel-3 .field{padding: 0 0 24px; border-bottom: 1px solid var(--line);}.kyd-app #panel-3 .field:last-child{border-bottom: 0;}.kyd-app #panel-3 .field label{margin-bottom: 12px; color: var(--kpmg-blue); font-size: 14px; font-weight: 800;}.kyd-app .field.full{grid-column: 1/-1;}.kyd-app .req{color: var(--kpmg-pink);}.kyd-app .pill-row, .kyd-app .lang-row, .kyd-app .opt-row{display: -webkit-box; display: -webkit-flex; display: flex; gap: 9px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app .pill, .kyd-app .lang, .kyd-app .opt{min-height: 40px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line-strong); border-radius: var(--radius); padding: 10px 15px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color var(--t), background var(--t), color var(--t);}.kyd-app .pill:hover, .kyd-app .lang:hover, .kyd-app .opt:hover{border-color: var(--kpmg-sky);}.kyd-app .pill.selected, .kyd-app .opt.selected{border-color: var(--kpmg-bright); background: var(--kpmg-bright); color: var(--on-dark);}.kyd-app .lang.selected{border-color: var(--kpmg-bright); background: var(--kpmg-bright); color: var(--on-dark);}.kyd-app .lang.selected .flag{color: var(--kpmg-bright); background: var(--surface);}.kyd-app .svc-card:focus-visible, .kyd-app .pp-chip:focus-visible, .kyd-app .pill:focus-visible, .kyd-app .lang:focus-visible, .kyd-app .opt:focus-visible{outline: 2px solid var(--kpmg-bright); outline-offset: 2px;}.kyd-app #panel-3 .field select{min-height: 48px; border: 0; border-bottom: 2px solid var(--line-strong); border-radius: 0; padding: 10px 0; background: transparent; color: var(--kpmg-blue); font-size: 16px; font-weight: 700;}.kyd-app #panel-3 .field select:focus{box-shadow: none; border-color: var(--kpmg-bright);}.kyd-app .flag{min-width: 24px; padding: 2px 5px; border-radius: 3px; background: var(--surface); color: var(--kpmg-bright); font-size: 10px; font-weight: 800; text-align: center; letter-spacing: .03em;}.kyd-app .wiz-nav{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line);}.kyd-app .btn-back{border-color: var(--line); color: var(--muted); background: transparent;}.kyd-app .btn-back:hover{border-color: var(--kpmg-blue); color: var(--kpmg-blue);}.kyd-app .btn-next, .kyd-app .btn-book{background: var(--kpmg-bright); border-color: var(--kpmg-bright); color: var(--on-dark);}.kyd-app .btn-next:hover:not(:disabled){background: var(--kpmg-blue); border-color: var(--kpmg-blue);}.kyd-app .btn-book{background: var(--kpmg-blue); border-color: var(--kpmg-blue);}.kyd-app .btn-book:hover{background: #00276d; border-color: #00276d;}.kyd-app .btn-book:disabled, .kyd-app .btn-book.booked{background: oklch(0.92 0.025 264); border-color: oklch(0.82 0.035 264); color: var(--kpmg-blue); box-shadow: none; cursor: default;}.kyd-app .btn-book:disabled:hover, .kyd-app .btn-book.booked:hover{background: oklch(0.92 0.025 264); border-color: oklch(0.82 0.035 264); color: var(--kpmg-blue);}.kyd-app .btn-next:disabled{opacity: .42; cursor: not-allowed;}.kyd-app .sel-counter{color: var(--muted); font-size: 13px; font-weight: 700;}.kyd-app .sel-counter b{color: var(--kpmg-bright);}.kyd-app .results-head, .kyd-app .profile-head{position: relative; overflow: hidden; padding: 58px 22px 50px; background: var(--dark); color: var(--on-dark);}.kyd-app .results-head::before, .kyd-app .profile-head::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 42vw; max-width: 560px; background: linear-gradient(90deg, var(--dark), oklch(0.09 0.018 264/0.35)), url("https://ondemand.kpmg.com.vn/web/image/7116-890d8203/3d-illustration-stereo-purple-stripes-geometric-stripes-similar-waves-abstract-glowing-crossing-lines-pattern.jpg") center/cover no-repeat; opacity: .86;}.kyd-app .results-head::after, .kyd-app .profile-head::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--kpmg-bright);}.kyd-app .results-head-inner, .kyd-app .profile-head-inner{position: relative; z-index: 1; max-width: 1120px; margin: 0 auto;}.kyd-app #screen-results .results-head-inner::before, .kyd-app #screen-appointments .results-head-inner::before{content: "Expert shortlist"; display: block; margin-bottom: 12px; color: var(--kpmg-sky); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}.kyd-app #screen-appointments .results-head-inner::before{content: "Appointments";}.kyd-app .results-head .tags{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 18px;}.kyd-app .res-tag{padding: 6px 10px; border: 1px solid oklch(0.99 0.006 264/0.28); border-radius: var(--radius); color: var(--on-dark); background: oklch(0.99 0.006 264/0.14); font-size: 12px; font-weight: 700;}.kyd-app .results-body{max-width: 1120px; margin: 0 auto; padding: 42px 22px 86px;}.kyd-app .results-toolbar{display: -webkit-box; display: -webkit-flex; display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--line);}.kyd-app .res-count{color: var(--muted); font-size: 13px; font-weight: 700;}.kyd-app .res-count b{color: var(--ink);}.kyd-app .results-sort{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; font-weight: 700;}.kyd-app .results-sort select{min-width: 170px; padding: 9px 32px 9px 10px; border: 1px solid var(--line-strong); border-radius: var(--radius); color: var(--ink); background: var(--surface); font: inherit;}.kyd-app .results-sort select:focus{outline: 2px solid var(--kpmg-bright); outline-offset: 2px;}.kyd-app .expert-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}.kyd-app .expert-card, .kyd-app .appt-card{position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); box-shadow: 0 7px 20px oklch(0.2 0.04 264/0.07);}.kyd-app .expert-card{padding: 24px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center;}.kyd-app .expert-card .accent{display: none;}.kyd-app .ec-top{display: -webkit-box; display: -webkit-flex; display: flex; gap: 15px; align-items: flex-start; padding-right: 0;}.kyd-app .ec-avatar{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--kpmg-blue); color: var(--on-dark); font-size: 17px; font-weight: 800; border: 3px solid var(--surface); box-shadow: 0 4px 12px oklch(0.2 0.04 264/0.16); overflow: hidden;}.kyd-app .ec-avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}.kyd-app .ec-name{color: var(--kpmg-blue); font-size: 17px; font-weight: 800;}.kyd-app .ec-title{margin-top: 2px; color: var(--ink); font-size: 12.5px; line-height: 1.45; font-weight: 600;}.kyd-app .ec-meta{margin-top: 5px; color: var(--muted); font-size: 12px; font-weight: 600; line-height: 1.45;}.kyd-app .ec-tags{display: -webkit-box; display: -webkit-flex; display: flex; gap: 7px; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 18px 0 14px;}.kyd-app .ec-tag{padding: 5px 9px; border-radius: var(--radius); background: #e3f0ff; color: var(--kpmg-blue); font-size: 11.5px; font-weight: 500;}.kyd-app .ec-langs{margin-bottom: 18px; color: var(--muted); font-size: 12px;}.kyd-app .ec-langs b{color: var(--ink);}.kyd-app .ec-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; padding-top: 16px; border-top: 1px solid var(--line);}.kyd-app .ec-actions .btn{flex: 1; padding: 10px; font-size: 13px;}.kyd-app .btn-profile{border-color: var(--line-strong); color: var(--kpmg-blue); background: var(--surface);}.kyd-app .btn-profile:hover{border-color: var(--kpmg-bright); color: var(--kpmg-bright);}.kyd-app .res-foot{margin-top: 30px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); text-align: center;}.kyd-app .res-foot h4{color: var(--kpmg-blue); font-size: 18px; margin-bottom: 8px;}.kyd-app .res-foot p{color: var(--muted); font-size: 14px; margin-bottom: 14px;}.kyd-app .restart{border: 0; background: transparent; color: var(--kpmg-bright); font-size: 14px; font-weight: 800; cursor: pointer;}.kyd-app .restart:hover{text-decoration: underline;}.kyd-app .appointment-list{display: grid; gap: 14px;}.kyd-app .appt-card{padding: 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start;}.kyd-app .appt-title{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7px;}.kyd-app .appt-title h3{color: var(--kpmg-blue); font-size: 17px;}.kyd-app .appt-meta{display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: var(--muted); font-size: 12.5px;}.kyd-app .appt-note{margin-top: 12px; color: var(--ink); font-size: 13px;}.kyd-app .appt-status{padding: 5px 8px; border-radius: var(--radius); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;}.kyd-app .appt-status.pending{background: oklch(0.94 0.035 264); color: var(--kpmg-blue);}.kyd-app .appt-status.confirmed{background: var(--ok-bg); color: var(--ok-fg);}.kyd-app .appt-status.cancelled{background: var(--soft); color: var(--muted);}.kyd-app .results-filters{display: -webkit-box; display: -webkit-flex; display: flex; align-items: end; gap: 14px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app .results-yournote{margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.5;}.kyd-app .results-yournote span{color: var(--ink); font-weight: 700;}.kyd-app .appt-access{margin-top: 10px; font-size: 12.5px; color: var(--ink); word-break: break-word;}.kyd-app .appt-access-label{color: var(--muted); font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: .04em; margin-right: 6px;}.kyd-app .appt-access a{color: var(--kpmg-bright); font-weight: 600; text-decoration: none;}.kyd-app .appt-access a:hover{text-decoration: underline;}.kyd-app .appt-actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; align-items: stretch;}.kyd-app .appt-cancel-form{margin: 0;}.kyd-app .appt-cancel-form .btn{width: 100%;}.kyd-app .btn-cancel{border-color: var(--line-strong); color: oklch(0.5 0.15 28); background: var(--surface);}.kyd-app .btn-cancel:hover{border-color: oklch(0.6 0.17 28); color: oklch(0.45 0.17 28);}.kyd-app .empty-state{padding: 40px 30px; border: 1px dashed var(--line-strong); border-radius: var(--radius-card); background: var(--surface); text-align: center;}.kyd-app .empty-state h4{color: var(--kpmg-blue); font-size: 18px; margin-bottom: 8px;}.kyd-app .empty-state p{color: var(--muted); font-size: 14px; margin-bottom: 18px; max-width: 440px; margin-left: auto; margin-right: auto;}.kyd-app .empty-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app .empty-actions .btn{min-width: 150px;}.kyd-app .res-foot-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app .pager{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 26px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app .pager-step, .kyd-app .pager-num{min-width: 38px; height: 38px; padding: 0 12px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-strong); border-radius: var(--radius); color: var(--kpmg-blue); background: var(--surface); font-size: 13px; font-weight: 700; text-decoration: none;}.kyd-app .pager-num:hover, .kyd-app .pager-step:hover{border-color: var(--kpmg-bright); color: var(--kpmg-bright);}.kyd-app .pager-num.current{background: var(--kpmg-blue); border-color: var(--kpmg-blue); color: var(--on-dark); cursor: default;}.kyd-app .pager-step.disabled{opacity: .4; cursor: not-allowed;}.kyd-app .pager-step.disabled:hover{border-color: var(--line-strong); color: var(--kpmg-blue);}.kyd-app .pager-ellipsis{padding: 0 4px; color: var(--muted); font-weight: 700; align-self: center;}.kyd-app .pager-range{margin-top: 18px; text-align: center; color: var(--muted); font-size: 12.5px; font-weight: 600;}.kyd-app .tz-note{display: block; margin-top: 2px; color: var(--muted); font-size: 11px; font-weight: 600;}.kyd-app .local-time-hint{margin: 6px 0 0; color: var(--kpmg-blue); font-size: 12px; font-weight: 700;}.kyd-app .slots-note{margin: 6px 0 0; color: oklch(0.5 0.13 28); font-size: 12px; font-weight: 700;}.kyd-app #m-time option:disabled{color: var(--muted);}.kyd-app .appt-toggle{color: var(--kpmg-bright); font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap;}.kyd-app .appt-toggle:hover{text-decoration: underline;}.kyd-app .cancel-confirm{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface);}.kyd-app .cancel-confirm-q{font-size: 12.5px; font-weight: 700; color: var(--ink);}.kyd-app .cancel-confirm-btns{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px;}.kyd-app .cancel-confirm-btns .btn{flex: 1; min-height: 36px; padding: 8px 10px; font-size: 12.5px;}.kyd-app .prefill-note{margin: 0 auto 4px; padding: 12px 16px; border: 1px solid var(--line-strong); border-left: 3px solid var(--kpmg-bright); border-radius: var(--radius); background: var(--surface); color: var(--ink); font-size: 13px;}.kyd-app .auth-island{position: fixed; inset: 0; z-index: 88; display: none; place-items: center; padding: 24px; pointer-events: none;}.kyd-app .auth-island.show{display: grid; animation: fade 0.16s var(--ease) both;}.kyd-app .auth-island-panel{position: relative; width: 100%; max-width: 440px; padding: 30px; border: 1px solid var(--line-strong); border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--shadow-heavy); pointer-events: auto;}.kyd-app .auth-island-panel::before{content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--kpmg-bright);}.kyd-app .auth-island-close, .kyd-app .modal-close{width: 30px; height: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: transparent; color: inherit; font-size: 18px; cursor: pointer;}.kyd-app .auth-island-close{position: absolute; right: 12px; top: 12px; color: var(--muted);}.kyd-app .auth-kicker{display: block; margin-bottom: 10px; color: var(--kpmg-bright); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}.kyd-app .auth-island h2{max-width: 330px; color: var(--kpmg-blue); font-size: 23px; margin-bottom: 10px;}.kyd-app .auth-island p{color: var(--muted); font-size: 14px; line-height: 1.65;}.kyd-app .auth-island-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; margin-top: 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.kyd-app #screen-profile{background: var(--surface);}.kyd-app .profile-head{min-height: 376px; padding: 50px 22px 58px; background: oklch(0.955 0.006 264); color: var(--ink);}.kyd-app .profile-head::before{display: none;}.kyd-app .profile-head::after{display: none;}.kyd-app .profile-head .back{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 7px; margin-bottom: 26px; padding: 8px 14px 8px 11px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); color: var(--kpmg-blue); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color var(--t), color var(--t);}.kyd-app .profile-head .back:hover{border-color: var(--kpmg-bright); color: var(--kpmg-bright);}.kyd-app .profile-head .back:focus-visible{outline: 2px solid var(--kpmg-bright); outline-offset: 2px;}.kyd-app .profile-head-inner::before{content: "Expert profile"; display: none; margin-bottom: 12px; color: var(--kpmg-bright); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}.kyd-app #profile-head-content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 64px;}.kyd-app .profile-avatar{width: 280px; height: 280px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; display: grid; place-items: center; border: 0; border-radius: 50%; background: oklch(0.88 0.01 264); color: var(--on-dark); font-size: 54px; font-weight: 800;}.kyd-app .profile-avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}.kyd-app .profile-id h2{position: relative; margin: 0; color: var(--ink); font-size: 46px; line-height: 1.08; font-weight: 800; letter-spacing: 0; padding-left: 17px;}.kyd-app .profile-id h2::before{content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 4px; background: var(--kpmg-blue);}.kyd-app .profile-id .p-title{margin: 18px 0 0; max-width: 760px; color: var(--ink); font-size: 26px; line-height: 1.28; font-weight: 400;}.kyd-app .profile-id .p-country{margin: 10px 0 0; max-width: 760px; color: var(--ink); font-size: 24px; line-height: 1.35; font-weight: 400;}.kyd-app .profile-contact{display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 24px;}.kyd-app .cbtn{width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--kpmg-blue); text-decoration: none;}.kyd-app .cbtn:hover{border-color: var(--kpmg-bright); color: var(--kpmg-bright);}.kyd-app .cbtn svg{width: 17px; height: 17px;}.kyd-app .profile-contact .btn-book{min-height: 48px; margin-left: 8px; background: var(--kpmg-blue); border-color: var(--kpmg-blue); color: var(--on-dark);}.kyd-app .profile-body{max-width: 1120px; margin: 0 auto; padding: 42px 22px 96px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr); gap: 96px; align-items: start;}.kyd-app .profile-col{min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;}.kyd-app .profile-col::before{display: none;}.kyd-app .profile-about p{color: var(--ink); font-size: 17px; line-height: 1.62; margin-bottom: 22px;}.kyd-app .profile-about p:first-child{font-size: 18px; line-height: 1.6;}.kyd-app .rblock{position: relative; margin-bottom: 42px; padding-left: 64px;}.kyd-app .rblock + .rblock{padding-top: 0; border-top: 0;}.kyd-app .rhead{display: block; margin-bottom: 14px;}.kyd-app .rhead .ic{position: absolute; left: 0; top: 0; width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid var(--kpmg-blue); border-radius: 50%; color: var(--kpmg-blue);}.kyd-app .rhead .ic svg{width: 16px; height: 16px;}.kyd-app .rhead h3{color: var(--ink); font-size: 20px;}.kyd-app .rblock ul{list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 16px; padding-left: 0;}.kyd-app .rblock li{position: relative; padding-left: 0; color: var(--ink); font-size: 16px; line-height: 1.55;}.kyd-app .rblock li::before{display: none;}.kyd-app .modal-overlay{position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 24px; background: oklch(0.1 0.025 264/0.72);}.kyd-app .modal-overlay.open{display: -webkit-box; display: -webkit-flex; display: flex; animation: fade 0.16s var(--ease) both;}html.kyd-modal-open{overflow: hidden;}.kyd-app .modal{width: 100%; max-width: 640px; max-height: 92vh; overflow: hidden; border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--shadow-heavy); animation: pop 0.25s var(--ease) both;}@keyframes pop{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: none;}}.kyd-app .modal-head{position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 26px 28px; background: var(--dark); color: var(--on-dark);}.kyd-app .modal-head::before{content: ""; position: absolute; inset: 0 0 0 auto; width: 44%; background: linear-gradient(90deg, transparent, oklch(0.09 0.018 264/0.15)), url("https://ondemand.kpmg.com.vn/web/image/7116-890d8203/3d-illustration-stereo-purple-stripes-geometric-stripes-similar-waves-abstract-glowing-crossing-lines-pattern.jpg") center/cover no-repeat; opacity: .78;}.kyd-app .modal-head::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--kpmg-bright);}.kyd-app .modal-head > div, .kyd-app .modal-close{position: relative; z-index: 1;}.kyd-app .modal-head h3{font-size: 22px; color: var(--on-dark); line-height: 1.2;}.kyd-app .modal-head small{display: block; margin-top: 5px; color: var(--on-dark-soft); font-size: 12.5px;}.kyd-app .modal-close{border-color: oklch(0.99 0.006 264/0.3); color: var(--on-dark);}.kyd-app .modal-body{max-height: 68vh; overflow: auto; padding: 26px 28px 24px;}.kyd-app .modal-body .field{margin-bottom: 16px;}.kyd-app .modal-body .form-grid{padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-card); background: oklch(0.985 0.004 264); gap: 16px;}.kyd-app .modal-body > .field{padding-top: 18px; border-top: 1px solid var(--line);}.kyd-app .modal-foot{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; padding: 0 28px 28px;}.kyd-app .modal-foot .btn{flex: 1;}.kyd-app .booked-note{display: none; align-items: center; gap: 9px; margin-bottom: 16px; padding: 12px 14px; border-radius: var(--radius); background: var(--ok-bg); color: var(--ok-fg); font-size: 13px; font-weight: 800;}.kyd-app .booked-note.error{background: oklch(0.96 0.035 28); color: oklch(0.43 0.13 28);}.kyd-app .booked-note.show{display: -webkit-box; display: -webkit-flex; display: flex;}.kyd-app .process-error{max-width: 980px; margin: 18px auto 0; padding: 12px 16px; border-radius: var(--radius); background: oklch(0.96 0.035 28); color: oklch(0.43 0.13 28); font-weight: 600;}.kyd-app .site-footer{background: var(--surface); color: var(--ink); border-top: 1px solid var(--line);}.kyd-app .footer-inner{max-width: 1120px; margin: 0 auto; padding: 48px 22px 34px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 42px;}.kyd-app .footer-inner h3{margin-bottom: 12px; color: var(--ink); font-size: 14px;}.kyd-app .footer-inner p, .kyd-app .footer-inner a{color: var(--muted); font-size: 12px; line-height: 1.75;}.kyd-app .footer-inner a{display: block; text-decoration: none; cursor: pointer;}.kyd-app .footer-inner a:hover{color: var(--kpmg-bright);}.kyd-app .footer-bottom{max-width: 1120px; margin: 0 auto; padding: 15px 22px 26px; color: var(--muted); font-size: 11px;}@media (max-width: 980px){.kyd-app .hero{min-height: 500px;}.kyd-app .hero h1{font-size: 38px;}.kyd-app .intro-band-inner, .kyd-app .practice-strip, .kyd-app .profile-body, .kyd-app .wizard-head-inner{grid-template-columns: 1fr;}.kyd-app #panel-3.active{grid-template-columns: 1fr; gap: 28px;}.kyd-app #panel-3 .panel-title, .kyd-app #panel-3 .panel-sub, .kyd-app #panel-3 .form-grid, .kyd-app #panel-3 .wiz-nav{grid-column: 1; grid-row: auto;}.kyd-app #panel-3 .panel-title{font-size: 32px;}.kyd-app #panel-3 .panel-sub{max-width: 62ch;}.kyd-app .wizard-head::before{width: 100%; opacity: .2;}.kyd-app .stepper{max-width: 560px;}.kyd-app .match-points{grid-template-columns: 1fr;}.kyd-app .practice-content{padding: 42px 28px;}.kyd-app .svc-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.kyd-app .expert-grid{grid-template-columns: 1fr;}}@media (max-width: 760px){.kyd-app .nav-inner{min-height: auto; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; padding: 14px 22px;}.kyd-app .brand img{width: 78px;}.kyd-app .nav-links{width: 100%; -webkit-box-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px 20px; font-size: 13px;}.kyd-app .hero{min-height: auto; align-items: end;}.kyd-app .hero-bg{position: relative; min-height: 250px; background: linear-gradient(0deg, oklch(0.98 0.004 264/0.96), oklch(0.98 0.004 264/0.1)), url("https://ondemand.kpmg.com.vn/web/image/7994-82b537da/Event%20%272026%20Personal%20Income%20Tax%20Update%20%7C%20New%20PIT%20Regulations%20Are%20Coming%20-%20Hanoi%20Session%27%20cover%20image.webp") center/cover no-repeat;}.kyd-app .hero-inner{padding: 30px 22px 44px;}.kyd-app .hero h1{font-size: 34px;}.kyd-app .contact-grid, .kyd-app .form-grid, .kyd-app .pp-list, .kyd-app .footer-inner{grid-template-columns: 1fr;}.kyd-app .wizard-head h2, .kyd-app .results-head h2{font-size: 28px;}.kyd-app .panel{padding: 24px 18px;}.kyd-app .panel .form-grid{padding: 20px;}.kyd-app .step-label{display: none;}.kyd-app .stepper{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; background: transparent; border: 0;}.kyd-app .step-node{min-height: 52px; justify-content: center; border: 1px solid oklch(0.99 0.006 264/0.18); border-radius: var(--radius);}.kyd-app .ec-top{padding-right: 0;}.kyd-app .results-toolbar{align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.kyd-app .results-sort{justify-content: space-between;}.kyd-app #profile-head-content{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start;}.kyd-app .profile-avatar{width: 170px; height: 170px;}.kyd-app .profile-id h2{font-size: 32px;}.kyd-app .profile-id .p-title{font-size: 18px;}.kyd-app .profile-id .p-country{font-size: 17px;}}@media (max-width: 520px){.kyd-app .svc-grid{grid-template-columns: 1fr;}.kyd-app .hero h1{font-size: 30px;}.kyd-app .intro-band h2, .kyd-app .practice-content h2, .kyd-app .contact-head h2{font-size: 26px;}.kyd-app .wiz-nav, .kyd-app .ec-actions, .kyd-app .modal-foot{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch;}.kyd-app .sel-counter{text-align: center;}.kyd-app .appt-card{grid-template-columns: 1fr;}}