.c33-charge{--c33c-navy:#082f3a;--c33c-blue:#1473e6;--c33c-line:#d5e1df;--c33c-ink:#102d35;width:100%;max-width:900px;margin:0 0 42px;color:var(--c33c-ink);overflow-wrap:anywhere}
.c33-charge *{box-sizing:border-box;min-width:0}.c33-charge__heading{padding:28px;border:1px solid #174c58;border-radius:16px 16px 0 0;background:var(--c33c-navy);color:#d9e9e7}.c33-charge__heading h2{margin:4px 0 8px;color:#fff;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.18}.c33-charge__heading p{margin:0}.c33-charge__kicker{color:#c9ef92!important;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.c33-charge__form{padding:28px;border:1px solid var(--c33c-line);border-top:0;background:#f6f8f7}.c33-charge__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.c33-charge label{display:block}.c33-charge label>span{display:block;margin-bottom:7px;font-weight:750}.c33-charge input,.c33-charge select{width:100%;max-width:100%;min-height:49px;padding:11px 13px;border:1px solid #b7cac8;border-radius:8px;background:#fff;color:var(--c33c-ink);font:inherit}.c33-charge small{display:block;margin-top:6px;color:#5e7376;font-size:.77rem;line-height:1.45}.c33-charge__input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #b7cac8;border-radius:8px;background:#fff;overflow:hidden}.c33-charge__input input{border:0;border-radius:0}.c33-charge__input b{padding:0 13px;color:#526b6d;font-size:.82rem}.c33-charge__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.c33-charge button{min-height:48px;padding:11px 18px;border:1px solid var(--c33c-blue);border-radius:8px;background:var(--c33c-blue);color:#fff;font:inherit;font-weight:760;cursor:pointer}.c33-charge .c33-charge__secondary{border-color:#aebfbe;background:#fff;color:var(--c33c-ink)}.c33-charge__error{margin:16px 0 0;color:#a52020;font-weight:700}
.c33-charge__result{width:100%;margin-top:22px;padding:28px;border:1px solid #bdd3d0;border-radius:14px;background:#f3f8f7;outline:none}.c33-charge__result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.c33-charge__result-head span{display:block;color:#5e7376;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.c33-charge__result-head strong{display:block;margin-top:3px;color:var(--c33c-navy);font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.15}.c33-charge__result-head small{max-width:560px}.c33-charge__copy{flex:0 0 auto}.c33-charge__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.c33-charge__metrics>div{padding:16px;border:1px solid var(--c33c-line);border-radius:9px;background:#fff}.c33-charge__metrics span{display:block;color:#617477;font-size:.76rem}.c33-charge__metrics strong{display:block;margin-top:3px;color:var(--c33c-navy)}.c33-charge__method{margin-top:22px;padding-top:20px;border-top:1px solid var(--c33c-line)}.c33-charge__method h3{margin:0 0 7px;font-size:1.05rem}.c33-charge__method p{margin:0}.c33-charge__warnings{margin:18px 0 0;padding:14px 18px 14px 36px;border-left:4px solid #c37a18;background:#fff8e8}.c33-charge__warnings li+li{margin-top:7px}.c33-charge__note{margin:18px 0 0;color:#5e7073;font-size:.82rem}
@media(max-width:640px){.c33-charge{max-width:100%;overflow:hidden}.c33-charge__heading,.c33-charge__form,.c33-charge__result{padding:20px}.c33-charge__grid,.c33-charge__metrics{grid-template-columns:minmax(0,1fr)}.c33-charge__result-head{align-items:flex-start;flex-direction:column}.c33-charge__copy,.c33-charge__actions>*{width:100%}}
@media print{.c33-charge__form,.c33-charge__copy{display:none!important}.c33-charge__result{border:1px solid #777;background:#fff}}