.csj-join-link { background:#86158f!important; color:#fff!important; border-radius:100px!important; padding:17px 29px!important; text-decoration:none!important; box-shadow:0 8px 20px #193d3420; }
.csj-home-note { text-align:center; font-size:16px; color:#24162b; margin:13px auto 5px; width:100%; }
body.page-id-57 .wp-block-post-title { display:none; }
.csj { color:#24162b; background:#ffffff; padding:clamp(20px,4vw,48px); border-radius:24px; max-width:1100px!important; margin:24px auto; font-family:Arial,Helvetica,sans-serif; box-sizing:border-box; line-height:1.6; }
.csj * { box-sizing:border-box; }
.csj h1,.csj h2,.csj p { margin:0; color:inherit; }
.csj a { color:#86158f; text-underline-offset:4px; }
.csj a:focus-visible,.csj input:focus-visible,.csj button:focus-visible { outline:3px solid #005fcc; outline-offset:4px; }
.csj-kicker { font-size:16px; font-weight:700; letter-spacing:.16em; }
.csj-heading { text-align:center; max-width:650px; margin:0 auto 36px; }
.csj-heading h1 { font-family:Georgia,serif; font-size:clamp(37px,5vw,62px); letter-spacing:-.045em; line-height:1.1; font-weight:400; margin:18px 0; }
.csj-heading h1 em { color:#86158f; }
.csj-heading p { font-size:16px; color:#493b50; }
.csj-layout { display:grid; grid-template-columns:.8fr 1.6fr; gap:22px; align-items:start; }
.csj-aside { background:#86158f; color:#ffffff; padding:30px; border-radius:17px; }
.csj-aside h2 { font-family:Georgia,serif; font-size:32px; line-height:1.2; font-weight:400; margin:18px 0 28px; }
.csj-aside ol { list-style:none; padding:0; margin:0; }
.csj-aside li { display:flex; gap:14px; padding:20px 0; border-top:1px solid #ffffff25; }
.csj-aside li>span { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #88718f; border-radius:50%; color:#ffffff; flex-shrink:0; font-size:16px; }
.csj-aside strong { font-size:16px; }
.csj-aside p { font-size:16px; color:#ffffff; margin-top:5px; }
.csj-aside-note { background:#ffffff0b; border:1px solid #ffffff20; padding:16px; border-radius:10px; margin:22px 0; }
.csj-aside>a { color:#ffffff; font-size:16px; }
.csj-panel { background:#fff; border:1px solid #88718f; border-radius:17px; padding:clamp(20px,3vw,34px); min-width:0; }
.csj-demo-banner { padding:18px; border:1px solid #88718f; background:#fff4e8; border-radius:10px; margin-bottom:28px; font-size:16px; }
.csj-demo-banner p { font-size:16px; margin:6px 0 0; }
.csj-primary { display:inline-block; padding:12px 18px; min-height:44px; background:#86158f; border-radius:8px; color:#fff!important; font-weight:700; font-size:16px; text-decoration:none!important; margin-top:14px; }
.csj .gform_wrapper { margin:0; }
.csj .gform_wrapper .gf_step { margin:0 12px 18px 0; font-size:16px; }
.csj .gform_wrapper .gf_step_number { border-color:#88718f; color:#24162b; }
.csj .gform_wrapper .gf_step_active .gf_step_number { background:#86158f; color:white; }
.csj .gform_wrapper .gfield_label { font-size:16px; color:#24162b; }
.csj .gform_wrapper .gfield_description { font-size:16px; line-height:1.6; color:#493b50; }
.csj .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),.csj .gform_wrapper select { min-height:46px; border:1px solid #88718f; border-radius:7px; background:#ffffff; font-size:16px; width:100%; max-width:100%; }
.csj .gform_wrapper .gfield input[type=radio] { accent-color:#86158f; }
.csj .gform_wrapper .gform_next_button,.csj .gform_wrapper .gform_button { background:#86158f!important; color:white!important; border:0!important; border-radius:8px!important; padding:13px 20px!important; min-height:46px; cursor:pointer; }
.csj .gform_wrapper .gform_previous_button { background:#fff4e8!important; color:#86158f!important; border:1px solid #88718f!important; border-radius:8px!important; padding:13px 20px!important; min-height:46px; cursor:pointer; }
.csj .gform_wrapper .gfield_html { font-size:16px; line-height:1.7; overflow-wrap:anywhere; }
.csj .gform_wrapper .gfield_html a { color:#86158f; }
.csj-demo-document { padding:16px; background:#fff4e8; border:1px dashed #88718f; border-radius:9px; margin:10px 0; }
.csj-demo-document p { margin-top:5px; }
.csj-verification { border:1px solid #88718f; border-radius:12px; padding:20px; background:#fff4e8; margin:0 0 20px; }
.csj-verification h3 { color:#24162b; font:400 25px/1.2 Georgia,serif; margin:10px 0; }
.csj-verification p { font-size:16px; margin:10px 0; }
.csj-verification label { display:block; font-size:16px; font-weight:700; margin:13px 0 7px; }
.csj-verification button { min-height:44px; padding:10px 14px; border:1px solid #88718f; border-radius:8px; background:white; color:#24162b; cursor:pointer; font-size:16px; font-weight:700; }
.csj-verification button:disabled { opacity:.6; cursor:wait; }
.csj-verification button.is-complete { background:#fff4e8; border-color:#88718f; }
.csj-license-sides { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:15px 0 0; }
.csj-license-sides button { padding:20px 10px; }
.csj-license-sides span { display:block; font-size:32px; margin-bottom:10px; }
.csj-code-row { display:flex; align-items:center; gap:10px; }
.csj-code-row input { width:130px!important; letter-spacing:.12em; }
.csj-code-status { font-weight:700; }
.csj-success { padding:18px 0; }
.csj-success h2 { font:400 34px/1.15 Georgia,serif; margin:16px 0; }
.csj-success p,.csj-success li { font-size:16px; }
.csj-success ol { padding-left:20px; }
.csj-footer { margin-top:28px; font-size:16px; display:flex; justify-content:space-between; gap:12px; color:#493b50; flex-wrap:wrap; }
@media(min-width:1000px) { body.page-id-57 .entry-content>.csj { width:calc(100vw - 80px); max-width:1100px!important; position:relative; left:50%; transform:translateX(-50%); margin-left:0!important; margin-right:0!important; } }
@media(max-width:700px) { .csj-layout { grid-template-columns:1fr; } .csj-aside { padding:23px; } .csj-aside h2 { font-size:26px; margin:12px 0 20px; } .csj-aside li { padding:12px 0; } .csj-aside-note { margin:14px 0; } .csj-heading { margin-bottom:25px; } .csj .gform_wrapper .gf_step { display:block; margin-bottom:12px; } }
.csj { font-size:18px; line-height:1.8; }
.csj-heading p,.csj-demo-banner,.csj-demo-banner p,.csj-aside p,.csj-aside strong,.csj-success p,.csj-success li { font-size:18px; line-height:1.8; }
.csj-heading h1 em { color:#86158f; font-style:normal; font-weight:600; }
.csj-aside { background:#681275; }
.csj-aside p,.csj-aside>a,.csj-aside li>span { color:#fff; }
.csj-primary,.csj-join-link { color:#24162b!important; background:#ff8a00!important; border:2px solid #b34700; font-size:18px; min-height:50px; }
.csj-verification { background:#fff4e8; border-color:#b34700; }
.csj-verification p,.csj-verification label,.csj-verification button { font-size:16px; line-height:1.75; }
.csj-verification button { border:2px solid #86158f; color:#681275; min-height:50px; }
.csj .gform_wrapper .gfield_label { font-size:18px; color:#24162b; }
.csj .gform_wrapper .gfield_description,.csj .gform_wrapper .gfield_html { font-size:16px; color:#493b50; line-height:1.8; }
.csj .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),.csj .gform_wrapper select { font-size:18px; min-height:50px; border-width:2px; }
.csj .gform_wrapper .gform_next_button,.csj .gform_wrapper .gform_previous_button,.csj .gform_wrapper .gform_button { font-size:18px!important; min-height:50px; }
@media(max-width:900px) { .csj-layout { grid-template-columns:1fr; } }