.kba-page,.kba-page *{box-sizing:border-box}
.kba-page{width:min(1092px,100%);margin:0 auto 45px;color:#263d67;font:15px/1.65 Poppins,Arial,sans-serif}
.kba-hero{position:relative;overflow:hidden;margin:0 0 18px;padding:clamp(28px,5vw,50px);border-radius:25px;background:linear-gradient(115deg,#203b85,#315aa6 58%,#178ede);color:#fff}
.kba-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#b7e1ff 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.kba-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);align-items:center;gap:32px}
.kba-badge{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.3);border-radius:40px;background:rgba(255,255,255,.13);font-size:13px;font-weight:700}
.kba-hero h1{margin:18px 0 13px;color:#fff;font-size:clamp(30px,4.5vw,46px);line-height:1.13}
.kba-hero p{margin:0;color:#fff}
.kba-grid aside{padding:21px;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:rgba(255,255,255,.15)}
.kba-grid aside h2{margin:0 0 7px;color:#fff;font-size:clamp(23px,3vw,31px)}
.kba-grid aside p{font-size:14px}
.kba-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
.kba-actions a,.kba-inline{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;border-radius:12px;background:#fff;color:#194583;text-decoration:none;font-weight:800}
.kba-actions .kba-wa{background:#18bd64;color:#fff}
.kba-actions a:hover,.kba-inline:hover{filter:brightness(.94)}
.kba-page a:focus-visible,.kba-page summary:focus-visible{outline:3px solid #33a9d9;outline-offset:3px}
.kba-panel{margin:0 0 16px;padding:clamp(20px,3vw,30px);border:1px solid #d6e4fc;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(33,74,140,.05)}
.kba-panel h2{margin:0 0 12px;color:#143c84;font-size:clamp(21px,2.6vw,27px)}
.kba-panel p{margin:0 0 12px}
.kba-panel p:last-child{margin-bottom:0}
.kba-chips{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:17px 0 0;padding:0}
.kba-chips li{margin:0}
.kba-chips a{display:inline-flex;padding:7px 12px;border:1px solid #cadcf8;border-radius:30px;background:#eff6ff;color:#154782;text-decoration:none;font-size:13px;font-weight:700}
.kba-chips a:hover{background:#daeafb}
.kba-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:15px 0 0}
.kba-steps li{padding:15px;border:1px solid #d5e4f8;border-radius:13px;background:#f7fbff}
.kba-steps b{display:block;color:#174580}
.kba-steps span{font-size:13px}
.kba-panel details{padding:13px 0;border-top:1px solid #d6e4f7}
.kba-panel summary{cursor:pointer;color:#143e81;font-weight:800}
.kba-panel details p{margin:10px 0 0}
.kba-finish{padding:clamp(22px,3vw,34px);border-radius:20px;background:linear-gradient(110deg,#203e88,#2576c2);color:#fff;text-align:center}
.kba-finish h2{margin:0 0 10px;color:#fff;font-size:clamp(22px,3vw,29px)}
.kba-finish p{max-width:720px;margin:0 auto;color:#f0f7ff}
.kba-finish .kba-actions{justify-content:center}
@media(max-width:800px){.kba-grid{grid-template-columns:1fr}.kba-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.kba-hero{border-radius:18px}.kba-actions a{width:100%}.kba-steps{grid-template-columns:1fr}.kba-panel{border-radius:13px}}