:root{color-scheme:light;--klsb-navy:#081b3a;--klsb-blue:#0b63f6;--klsb-blue2:#2d7dff;--klsb-gold:#ffbd17;--klsb-ink:#132238;--klsb-muted:#66758c;--klsb-line:#dbe4ef;--klsb-bg:#f5f8fc;--klsb-success:#0f9f6e;--klsb-error:#c43b46}
*{box-sizing:border-box}
.klsb-shell{width:min(1040px,calc(100% - 32px));margin:46px auto 72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--klsb-ink)}
.klsb-heading{text-align:center;max-width:720px;margin:0 auto 30px}
.klsb-heading>span{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--klsb-blue);margin-bottom:10px}
.klsb-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-1.8px;margin:0;color:#102748}
.klsb-heading p{font-size:17px;line-height:1.7;color:var(--klsb-muted);margin:16px auto 0}
.klsb-form{display:grid;gap:18px}
.klsb-card{background:#fff;border:1px solid var(--klsb-line);border-radius:24px;padding:26px;box-shadow:0 18px 48px rgba(8,27,58,.06)}
.klsb-card-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.klsb-card-title>b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:var(--klsb-blue);font-size:15px}
.klsb-card-title h2{font-size:21px;letter-spacing:-.3px;margin:0 0 4px;color:#102748}
.klsb-card-title p{margin:0;color:var(--klsb-muted);font-size:14px}
.klsb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.klsb-grid label,.klsb-domain-label{display:grid;gap:8px}
.klsb-grid label>span,.klsb-domain-label>span{font-size:13px;font-weight:800;color:#34465f}
.klsb-grid input,.klsb-grid select,.klsb-domain-field input{width:100%;border:1px solid #cfd9e6;background:#fff;color:#17243a;border-radius:13px;padding:14px 15px;font-size:15px;outline:none;transition:.2s}
.klsb-grid input:focus,.klsb-grid select:focus,.klsb-domain-field:focus-within{border-color:#7fb0ff;box-shadow:0 0 0 4px rgba(11,99,246,.10)}
.klsb-full{grid-column:1/-1}
.klsb-domain-field{display:flex;align-items:center;border:1px solid #cfd9e6;border-radius:13px;overflow:hidden;background:#f9fbfe;transition:.2s}
.klsb-domain-field input{border:0!important;box-shadow:none!important;border-radius:0;min-width:0;background:#fff}
.klsb-domain-field strong{padding:0 16px;white-space:nowrap;font-size:14px;color:#59708e}
.klsb-domain-status{margin-top:10px;border-radius:11px;padding:11px 13px;background:#f4f7fb;color:#6b7c92;font-size:13px}
.klsb-domain-status.is-checking{background:#eef5ff;color:#225dad}
.klsb-domain-status.is-ok{background:#e9fbf4;color:#087a56}
.klsb-domain-status.is-error{background:#fff0f1;color:#a62835}
.klsb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.klsb-plan{position:relative;display:block;border:2px solid #e0e7f0;border-radius:19px;padding:22px 20px 19px;cursor:pointer;background:#fff;transition:.2s;min-height:195px}
.klsb-plan:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(8,27,58,.07)}
.klsb-plan input{position:absolute;opacity:0;pointer-events:none}
.klsb-plan.is-selected{border-color:var(--klsb-blue);box-shadow:0 0 0 4px rgba(11,99,246,.08)}
.klsb-plan small{display:block;font-weight:900;font-size:10px;letter-spacing:.08em;color:#6b7c92;margin-bottom:15px}
.klsb-plan h3{font-size:19px;margin:0 0 12px;color:#102748}
.klsb-plan>strong{display:block;font-size:24px;letter-spacing:-.7px;color:#0a55c8;margin-bottom:8px}
.klsb-plan p{font-size:13px;line-height:1.55;color:#6c7b90;margin:0}
.klsb-check{position:absolute;right:14px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf1fa;color:transparent;font-size:13px;font-weight:900}
.klsb-plan.is-selected .klsb-check{background:var(--klsb-blue);color:#fff}
.klsb-terms{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#617188;padding:2px 4px}
.klsb-terms input{margin-top:3px}
.klsb-terms a{color:var(--klsb-blue);font-weight:700}
.klsb-submit{display:block;width:100%;border:0;border-radius:15px;background:linear-gradient(135deg,#0b63f6,#0751d4);color:#fff;padding:16px 22px;font-size:16px;font-weight:900;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 14px 28px rgba(11,99,246,.22)}
.klsb-submit:hover{filter:brightness(1.03);transform:translateY(-1px)}
.klsb-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.klsb-secure{text-align:center;color:#7a899c;font-size:12px;margin:0}
.klsb-alert{padding:14px 16px;border-radius:13px;font-size:14px}
.klsb-alert-error{background:#fff0f1;color:#9d2634;border:1px solid #ffd2d6}
.klsb-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.klsb-status-card{max-width:680px;margin:80px auto;background:#fff;border:1px solid var(--klsb-line);border-radius:28px;padding:46px 38px;text-align:center;box-shadow:0 24px 70px rgba(8,27,58,.10)}
.klsb-status-logo{font-size:24px;font-weight:950;color:#102748;margin-bottom:26px}.klsb-status-logo span{color:var(--klsb-blue)}
.klsb-status-icon{width:68px;height:68px;border-radius:22px;margin:0 auto 22px;display:grid;place-items:center;font-size:30px;font-weight:950}
.klsb-status-icon.success{background:#e5faf2;color:#0b8e63}
.klsb-status-icon.pending{background:#eef5ff;color:#0b63f6}
.klsb-status-icon.error{background:#fff0f1;color:#bb2f3d}
.klsb-status-card h1{font-size:34px;line-height:1.1;letter-spacing:-1px;color:#102748;margin:0 0 14px}
.klsb-status-card p{color:#697a90;line-height:1.7;margin:0 auto 22px}
.klsb-inline{width:auto;display:inline-block;min-width:210px}
.klsb-secondary{display:inline-block;border:1px solid #cfd9e6;border-radius:13px;padding:13px 18px;margin:8px 4px 0;background:#fff;color:#27415f;font-weight:800;text-decoration:none;cursor:pointer}
.klsb-order-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px!important;background:#f4f7fb;padding:8px 10px;border-radius:9px;display:inline-block}
@media(max-width:760px){
 .klsb-shell{width:min(100% - 22px,1040px);margin-top:28px}
 .klsb-card{padding:20px;border-radius:19px}
 .klsb-grid{grid-template-columns:1fr}
 .klsb-full{grid-column:auto}
 .klsb-plans{grid-template-columns:1fr}
 .klsb-plan{min-height:auto}
 .klsb-domain-field strong{padding:0 10px;font-size:12px}
 .klsb-heading h1{font-size:37px}
 .klsb-status-card{margin:42px auto;padding:34px 22px}
 .klsb-status-card h1{font-size:29px}
}

.klsb-transfer-card{margin-top:26px;text-align:left;border:1px solid #d9e4f1;background:#f8fbff;border-radius:22px;padding:24px}
.klsb-transfer-card h2{margin:0 0 8px;color:#102748;font-size:22px;letter-spacing:-.3px}
.klsb-transfer-amount{font-size:34px;font-weight:950;color:#0b63f6;letter-spacing:-1px;margin:10px 0 18px}
.klsb-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.klsb-bank-grid>div{background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:14px}
.klsb-bank-grid small{display:block;color:#7a899c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.klsb-bank-grid strong{display:block;color:#152942;font-size:15px;word-break:break-word}
.klsb-transfer-note{font-size:13px!important;line-height:1.6!important;color:#66758c!important;margin:0 0 16px!important}
.klsb-proof-form{margin-top:18px;padding-top:18px;border-top:1px solid #dce6f2}
.klsb-proof-grid{margin-bottom:16px;text-align:left}
.klsb-proof-grid small{color:#7a899c;font-size:11px}
@media(max-width:760px){.klsb-bank-grid{grid-template-columns:1fr}.klsb-transfer-card{padding:18px}.klsb-transfer-amount{font-size:29px}}