.kp{display:flex;flex-direction:row;gap:32px;align-self:end}@media(max-width:767px){.kp{gap:8px;justify-content:space-between}}.lp{color:#fff;font-weight:500;background:none;border:none;padding:16px;position:relative;cursor:pointer}.lp:before{position:absolute;content:"";bottom:0;left:0;width:100%;height:4px;background-color:#39c080;opacity:0;transform:scale3d(0,0,1) skewX(30deg);transition:opacity .4s linear,transform .2s ease-in-out}.mp{font-weight:700}.mp:before{opacity:1;transform:scaleX(1) skewX(30deg)}.np{width:-moz-fit-content;width:fit-content}@media(max-width:767px){.np{width:auto}}.op{margin:0;font-size:1.6rem;line-height:2.2rem;letter-spacing:.01em}.pp{width:100%;display:grid;grid-template-columns:1.3fr 2fr;padding:48px 80px;grid-gap:32px;gap:32px;align-items:center;grid-template-areas:"left right"}@media(max-width:991px){.pp{grid-template-areas:"right" "left";display:grid;grid-template-rows:1fr auto;grid-template-columns:none;padding:24px}}.qp{grid-area:left;padding:16px;height:100%;min-width:250px;display:flex;flex-direction:column;justify-content:center;gap:32px}@media(max-width:767px){.qp{padding:0;gap:16px;justify-content:flex-start;height:min-content}}.rp{font-weight:700;margin:0}.sp{grid-area:right;position:relative;display:grid;place-items:center}.pt{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:48px 0;max-width:46rem;width:100%}@media(max-width:575px){.pt{padding:16px 0}}.qt{position:relative;max-width:140px;width:100%;height:29px;margin:12px 0}.qt img{object-fit:contain}@media(max-width:575px){.qt{max-width:125px}}.tp{border:.3rem solid #e5eef7;padding:8px;width:100%}.tp,.up{border-radius:7px}.up{background-color:#002957;padding:16px}@media(max-width:767px){.up{padding:8px}}.vp{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px}@media(max-width:767px){.vp{gap:8px}}.wp{cursor:pointer;border:none;border-radius:.3rem;background-color:#002957;color:#fff;padding:8px 16px;font-weight:500;line-height:1;transition:background-color .2s ease-in-out}.wp:hover{background-color:#2e8ad0}@media(max-width:767px){.wp{padding:8px 12px;font-size:1.3rem}}.xp{background-color:#2e8ad0}.yp{width:100%;place-self:center;min-height:380px;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.yp{min-height:250px}}.zp{display:grid;grid-area:code;min-height:380px;width:100%}@media(max-width:767px){.zp{width:100%;min-height:0;max-height:250px;overflow-y:scroll}}