.dwa-c{display:grid;grid-template-columns:.86fr 1.14fr;gap:20px;align-items:stretch}
.kwota-karta{background:var(--ciemne-tlo);color:var(--ciemne-tekst);border-radius:22px;padding:34px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.kwota-karta::before{content:"";position:absolute;inset:-40% -20% auto -20%;height:340px;pointer-events:none;background:radial-gradient(44% 54% at 32% 40%, rgba(var(--ciemne-akcent-rgb),.24), transparent 70%)}
.kwota-karta > *{position:relative;z-index:2}
.kwota-karta .et{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ciemne-akcent);display:block;margin-bottom:16px}
.kwota-karta .duza{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.kwota-karta .duza b{font:800 58px/1 var(--f-naglowki);letter-spacing:-.05em;color:var(--ciemne-akcent)}
.kwota-karta .duza span{font:500 15px/1 var(--f-tekst);color:rgba(var(--ciemne-tekst-rgb),.7)}
.kwota-karta p{margin:16px 0 0;font-size:14.5px;line-height:1.65;color:rgba(var(--ciemne-tekst-rgb),.76)}
.kwota-karta .btn{margin-top:24px;background:#fff;color:var(--ciemne-tlo);box-shadow:0 14px 30px rgba(0,0,0,.28);width:100%;text-align:center}
.lista-karta{background:var(--karta);border:1px solid var(--karta-linia);border-radius:22px;padding:30px 32px;box-shadow:var(--cien);color:var(--karta-tekst)}
.lista-karta .et{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--karta-szept);display:block;margin-bottom:18px}
.lista-karta .p{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-top:1px solid var(--karta-linia)}
.lista-karta .p:first-of-type{border-top:0;padding-top:0}
.lista-karta .p i{width:20px;height:20px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--karta-akcent) 13%,transparent);color:var(--karta-akcent);font-size:10px;font-style:normal;margin-top:1px}
.lista-karta .p b{display:block;font:600 15px/1.35 var(--f-tekst)}
.lista-karta .p small{display:block;font-size:13px;line-height:1.55;color:var(--karta-szept);margin-top:3px}
.budzet-pasek{margin-top:14px;display:flex;gap:15px;align-items:flex-start;border:1px dashed var(--karta-linia);border-radius:16px;padding:20px 22px}
.budzet-pasek .zn-b{width:28px;height:28px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;background:var(--tlo-2);color:var(--szept);font:700 15px/1 var(--f-tekst)}
.budzet-pasek b{display:block;font:600 15px/1.4 var(--f-tekst);color:var(--tekst);margin-bottom:5px}
.budzet-pasek p{margin:0;font-size:13.5px;line-height:1.65;color:var(--szept);max-width:78ch}
.uwaga-budzet{margin-top:14px;padding:20px 22px;border-radius:16px;background:var(--uwaga-tlo);border:1px solid rgba(var(--uwaga-rgb),.22);color:var(--tekst);display:flex;gap:16px;align-items:flex-start}
.uwaga-budzet .zn{width:32px;height:32px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:rgba(var(--uwaga-rgb),.16);color:var(--uwaga);font:700 15px/1 var(--f-tekst)}
.uwaga-budzet b{display:block;font:600 15.5px/1.4 var(--f-tekst)}
.uwaga-budzet p{margin:5px 0 0;font-size:14px;line-height:1.6;color:var(--szept)}
@media (max-width:760px){.dwa-c{grid-template-columns:1fr;gap:12px}.kwota-karta,.lista-karta{padding:24px}.kwota-karta .duza b{font-size:46px}}