.jcb,.jcb *,.jcb *::before,.jcb *::after{box-sizing:border-box}
.jcb{--jcb-navy:#0b294a;--jcb-orange:#ff912e;width:100%;max-width:1240px;margin:36px auto;padding:clamp(24px,4vw,56px);border-radius:28px;background:linear-gradient(135deg,#15395f,#071c35);color:#fff;font-family:inherit;box-shadow:0 20px 60px #071c3520}
.jcb [hidden]{display:none!important}
.jcb-head{max-width:760px;margin:0 auto 38px;text-align:center}
.jcb .jcb-eyebrow{color:#ffb16b;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.6;margin:0 0 14px}
.jcb h2{font-size:clamp(28px,3.5vw,44px);line-height:1.16;letter-spacing:-.025em;color:#fff;margin:0 0 18px;text-align:center;text-wrap:balance}
.jcb p{line-height:1.7;margin:0 0 18px}
.jcb-head>p:not(.jcb-eyebrow){color:#cfdae6;font-size:18px}
.jcb-badge{display:inline-block;border:1px solid #ffffff30;border-radius:40px;padding:8px 16px;font-size:14px;color:#dce8f3}
.jcb-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,4vw,48px);align-items:start}
.jcb-intro{padding:26px 0;color:#d1ddeb}
.jcb h3{font-size:24px;line-height:1.3;margin:0 0 20px;color:inherit;text-wrap:balance;text-align:center}
.jcb-accent{display:block;width:44px;height:3px;background:var(--jcb-orange);margin:0 auto 25px;border-radius:4px}
.jcb-intro ul{padding:0;margin:24px 0;list-style:none}
.jcb-intro li{position:relative;padding:12px 0 12px 21px;border-bottom:1px solid #ffffff16;font-size:16px;line-height:1.5}
.jcb-intro li::before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;border-radius:50%;background:var(--jcb-orange)}
.jcb-panel{min-width:0;border:1px solid #fff;border-radius:22px;background:#fff;color:#233d57;padding:clamp(20px,3vw,32px);box-shadow:0 18px 45px #0002}
.jcb .jcb-small{font-size:13px;line-height:1.65;margin:17px 0 0;color:inherit;opacity:.9}
.jcb-status{font-size:16px;line-height:1.6;margin-bottom:22px;overflow-wrap:anywhere}
.jcb-error{padding:13px;border-radius:10px;border-left:3px solid #a63822;background:#fff1ed;color:#7c2718}
.jcb-form{display:grid;gap:18px}
.jcb-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jcb label{display:block;min-width:0;color:#233d57;font-size:15px;font-weight:700;line-height:1.5}
.jcb-optional{font-weight:400;color:#536779}
.jcb input,.jcb select,.jcb textarea{display:block;width:100%;max-width:100%;min-width:0;margin:7px 0 0;border:1px solid #b8c6d3;border-radius:9px;background:#f8fafc;color:#173047;padding:12px;font:inherit;font-weight:400;font-size:16px;line-height:1.5;min-height:48px}
.jcb textarea{resize:vertical}
.jcb input:focus,.jcb select:focus,.jcb textarea:focus{outline:2px solid #1b527f;outline-offset:2px;background:#fff}
.jcb select:disabled{opacity:.6}
.jcb button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:14px 19px;border:1px solid var(--jcb-orange);border-radius:11px;background:var(--jcb-orange);color:#10263c;font-family:inherit;font-size:17px;font-weight:800;line-height:1.4;cursor:pointer;white-space:normal;text-transform:none;letter-spacing:normal}
.jcb button:hover{background:#ffab5e}
.jcb button:disabled{opacity:.6;cursor:wait}
.jcb button:focus-visible,.jcb a:focus-visible{outline:3px solid #1b527f;outline-offset:3px}
.jcb a{color:#155385;text-decoration:underline;text-underline-offset:3px}
.jcb .jcb-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.jcb .jcb-retry{display:inline-flex;font-size:15px;min-height:44px;margin-top:12px}
.jcb-manage{margin:0;padding:20px;background:#edf2f7;font-family:system-ui,sans-serif}
.jcb-manage>.jcb{max-width:720px}
.jcb-manage h1{color:#0b294a;font-size:32px}
.jcb-manage .jcb-eyebrow{color:#9c460d}
@media(max-width:900px){.jcb-layout{grid-template-columns:1fr}.jcb-layout>.jcb-panel{order:1}.jcb-intro{padding:0;order:2}.jcb-intro ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jcb-intro .jcb-small{margin-bottom:8px}}
@media(max-width:600px){.jcb{margin:20px auto;padding:24px 16px;border-radius:20px}.jcb-head{margin-bottom:26px}.jcb-head>p:not(.jcb-eyebrow){font-size:16px}.jcb-row{grid-template-columns:1fr}.jcb-intro ul{display:block;margin:16px 0}.jcb-panel{padding:22px 16px;border-radius:16px}.jcb button{font-size:16px}.jcb-manage{padding:8px}}
