:root{--csc-blue:#0b5fc2;--csc-navy:#073b7f;--csc-deep:#062f69;--csc-orange:#ff7a00;--csc-green:#159447;--csc-ink:#16345f;--csc-muted:#64748b;--csc-line:#cbd9ea;--csc-bg:#f3f8fd}
*{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100%;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--csc-ink)}
body.csc-page{height:100dvh;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 8% 42%,rgba(15,91,190,.07),transparent 24%),radial-gradient(circle at 91% 45%,rgba(21,148,71,.055),transparent 25%),linear-gradient(135deg,#f8fbff 0%,#eef5fc 57%,#f2faf6 100%);position:relative}
.csc-page:before{content:"";position:fixed;z-index:0;left:-155px;bottom:-165px;width:470px;height:270px;border:30px solid var(--csc-orange);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-14deg);pointer-events:none}
.csc-page:after{content:"";position:fixed;z-index:0;right:-170px;bottom:-180px;width:560px;height:300px;border:25px solid var(--csc-green);border-left-color:transparent;border-top-color:transparent;border-radius:50%;box-shadow:0 -13px 0 -2px #fff,0 -25px 0 0 var(--csc-blue);transform:rotate(-8deg);pointer-events:none}
.csc-header{position:relative;z-index:5;width:min(1500px,94vw);height:205px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 0 0}.csc-brand-img{width:315px;height:174px;object-fit:contain;object-position:left top;display:block}.csc-help{display:flex;align-items:center;gap:10px;margin-top:52px;color:#064da4;font-size:13px;font-weight:700}.csc-help-icon{width:39px;height:39px;border:2px solid #0b5fc2;border-radius:50%;display:grid;place-items:center;font-size:18px}.csc-help strong{display:block;font-size:15px;margin-top:3px}
.csc-layout{position:relative;z-index:2;width:min(1320px,91vw);height:calc(100dvh - 275px);min-height:560px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(500px,1.22fr);gap:55px;align-items:center}.csc-intro{padding:0 0 10px}.csc-kicker{font-size:16px;color:#52637d;margin-bottom:9px}.csc-intro h1{margin:0;font-size:43px;line-height:1.05;color:var(--csc-navy);letter-spacing:-.035em}.csc-accent{height:3px;width:340px;max-width:100%;margin:13px 0 15px;background:linear-gradient(90deg,var(--csc-orange) 0 27%,#dfe7f1 27% 73%,var(--csc-green) 73%)}.csc-intro>p{max-width:410px;margin:0 0 20px;color:#435674;font-size:16px;line-height:1.5}.csc-features{display:grid;gap:9px}.csc-feature{display:flex;align-items:center;gap:13px}.csc-feature-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 7px 19px rgba(23,52,95,.12);font-size:24px;color:#0b5fc2}.csc-feature-icon i{font-size:27px}.csc-feature h3{margin:0 0 2px;color:#10488e;font-size:15px}.csc-feature p{margin:0;color:#4b5e7b;font-size:11.5px;line-height:1.35}
.csc-card{width:100%;background:rgba(255,255,255,.98);border:1px solid #d7e3ef;border-radius:17px;box-shadow:0 18px 45px rgba(16,48,91,.13);padding:21px 34px}.csc-card-head{text-align:center}.csc-card-head .icon{width:57px;height:57px;display:block;margin:0 auto 5px;object-fit:contain}.csc-card-brand{margin:0;color:var(--csc-navy);font-size:25px;font-weight:900;letter-spacing:-.02em}.csc-card-tag{margin:3px 0 9px;color:#566983;font-size:10.5px}.csc-card-title{margin:0;color:var(--csc-navy);font-size:27px;font-weight:900;letter-spacing:-.025em}.csc-card-sub{margin:4px 0 14px;color:#65758c;font-size:11px}.csc-form{display:grid;gap:10px}.csc-field label{display:block;margin:0 0 5px;color:#173b73;font-size:12px;font-weight:800}.csc-input-wrap{position:relative}.csc-input,.csc-select{width:100%;height:42px;border:1px solid var(--csc-line);border-radius:8px;background:#fbfdff;color:#243a5c;padding:0 12px;outline:0;font:500 12px Inter,Arial,sans-serif}.csc-input.has-icon{padding-left:38px}.csc-input:focus,.csc-select:focus{border-color:#2b70c9;box-shadow:0 0 0 3px rgba(43,112,201,.09);background:#fff}.csc-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1764bd;font-size:17px;line-height:1}.csc-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:32px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#60718b;font-size:11px;font-weight:800;cursor:pointer}.csc-eye:hover{background:#edf3fa}.csc-options{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5c6b80;margin-top:1px}.csc-options label{display:flex;align-items:center;gap:6px}.csc-options input{margin:0;width:14px;height:14px;accent-color:#0b5fc2}.csc-options a,.csc-links a{color:#064cc4;text-decoration:none;font-weight:800}.csc-btn{width:100%;height:45px;border:0;border-radius:8px;background:linear-gradient(135deg,#1267c9,#073b86);color:#fff;font:800 13px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 17px rgba(7,59,134,.18);transition:.15s}.csc-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.csc-links{text-align:center;border-top:1px solid #e0e7f0;margin-top:10px;padding-top:9px;color:#5e6d82;font-size:11px;line-height:1.8}.csc-support{margin-top:6px;padding:6px 8px;border-radius:7px;background:#eef8f2;color:#263f61}.csc-alert{margin-bottom:9px;padding:9px 10px;border:1px solid #f4c9c5;border-radius:8px;background:#fff8f7;color:#a9342a;font-size:11px;line-height:1.4}.csc-alert code{word-break:break-word}
.csc-footer{position:fixed;left:0;right:0;bottom:0;z-index:4;background:var(--csc-deep);color:#fff;height:70px}.csc-footer-features{width:min(1120px,90vw);height:46px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.csc-footer-feature{display:flex;align-items:center;gap:10px;padding:4px 22px;border-right:1px solid rgba(255,255,255,.3)}.csc-footer-feature:last-child{border-right:0}.csc-footer-feature b{display:block;font-size:11px}.csc-footer-feature span{display:block;margin-top:1px;font-size:9px;color:#dce8f8}.csc-footer-icon{font-size:21px}.csc-footer-copy{text-align:center;height:24px;padding:5px;background:#052f6c;font-size:9px}
/* registration */
.csc-reg-layout{position:relative;z-index:2;width:min(1450px,94vw);height:calc(100dvh - 265px);min-height:590px;margin:0 auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:center}.csc-reg-side{padding:0 0 8px}.csc-side-title{margin:0 0 7px;font-size:31px;line-height:1.1;color:var(--csc-navy)}.csc-side-copy{margin:0 0 18px;color:#435674;font-size:15px;line-height:1.5}.csc-trust{margin-top:15px;padding:11px 13px;border:1px solid #cce6d5;background:#effaf3;border-radius:9px;color:#176b3b;font-size:11px;line-height:1.4}.csc-trust b{display:block;margin-bottom:2px}.csc-reg-card{height:auto;max-height:calc(100dvh - 282px);overflow:hidden;background:#fff;border:1px solid #d7e3ef;border-radius:17px;box-shadow:0 18px 45px rgba(16,48,91,.13);padding:20px 32px}.csc-reg-head{text-align:center}.csc-reg-head h1{margin:0;color:var(--csc-navy);font-size:27px}.csc-reg-head p{margin:4px 0 12px;color:#5c6c84;font-size:11px}.csc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 14px}.csc-step{text-align:center;position:relative;color:#64748b;font-size:9px}.csc-step:before{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#dbe3ee;z-index:0}.csc-step:last-child:before{display:none}.csc-step b{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;border:1px solid #ccd7e5;background:#f6f8fb;color:#52647e;font-size:12px}.csc-step.active{color:#0b4f98;font-weight:800}.csc-step.active b{background:#0d5bc1;color:#fff;border-color:#0d5bc1}.csc-section-title{display:flex;align-items:center;gap:8px;margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid #dce5ef;color:#0b3f82;font-size:14px;font-weight:700}.csc-reg-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.csc-reg-form .full{grid-column:1/-1}.csc-reg-form .csc-field label{font-size:11px;margin-bottom:4px}.csc-reg-form .csc-input{height:39px;font-size:11.5px}.csc-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.csc-plan{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #d4dfec;border-radius:8px;cursor:pointer}.csc-plan:has(input:checked){border-color:#1a66c3;background:#f7fbff;box-shadow:0 0 0 2px rgba(26,102,195,.07)}.csc-plan input{accent-color:#0b4f98}.csc-plan b{display:block;font-size:11px;color:#143d76}.csc-plan strong{display:block;margin-top:1px;color:#119447;font-size:15px}.csc-plan small{display:block;margin-top:1px;color:#708096;font-size:8px}.csc-note{padding:8px 10px;border-radius:8px;background:#f2f7ff;color:#244b85;font-size:9.5px;line-height:1.35}.csc-reg-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.csc-reg-actions .csc-btn{max-width:235px;height:42px}.csc-error{grid-column:1/-1;padding:8px 10px;border:1px solid #f2c7c3;background:#fff7f6;color:#a53a31;border-radius:8px;font-size:10px}
/* compact inner pages */
.csc-mini-card{position:relative;z-index:2;width:min(520px,90vw);margin:0 auto;height:auto;max-height:calc(100dvh - 280px);padding:23px 30px;background:#fff;border:1px solid #d7e3ef;border-radius:17px;box-shadow:0 18px 45px rgba(16,48,91,.13);overflow:hidden}.csc-mini-card .csc-card-head .icon{width:52px;height:52px}.csc-mini-card .csc-card-brand{font-size:23px}.csc-mini-card .csc-card-title{font-size:24px}.csc-mini-card .csc-links{margin-top:9px}
.csc-success-card{width:min(850px,88vw);text-align:center;padding:26px 38px}.csc-success-card .csc-card-head .mdx-success-check{width:82px;height:82px;font-size:50px;margin:0 auto 9px}.csc-success-card .csc-card-title{font-size:29px;color:#118b42}.csc-success-user{max-width:620px;margin:12px auto;padding:13px 19px;border:1px solid #cfe7d7;border-radius:11px;background:#f5fbf7;text-align:left}.csc-success-user .uid{font-size:24px;font-weight:900;color:#118b42}.csc-success-user .name{margin-top:7px;padding-top:7px;border-top:1px dashed #cfe0d5;font-size:13px;font-weight:800;color:#163f75}.mdx-success-note{max-width:620px;margin:12px auto;padding:12px;border:1px solid #f2d39b;border-radius:10px;background:#fff8eb;color:#79591f;font-size:11px;line-height:1.45}.mdx-success-note strong{color:#a46100}.mdx-success-actions{display:flex;justify-content:center;gap:9px;margin-top:12px}.mdx-success-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:155px;height:39px;padding:0 15px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800}.mdx-success-actions .primary{color:#fff;background:#0b4c91}.mdx-success-actions .secondary{color:#0b4c91;border:1px solid #bfd1e5;background:#fff}.mdx-success-thanks{margin-top:11px;color:#68768a;font-size:10px}
@media(max-width:1100px){.csc-header{height:155px}.csc-brand-img{width:260px;height:145px}.csc-help{margin-top:35px}.csc-layout{height:calc(100dvh - 220px);min-height:520px;grid-template-columns:1fr;max-width:600px}.csc-intro{display:none}.csc-reg-layout{height:calc(100dvh - 220px);min-height:540px;grid-template-columns:1fr;max-width:900px}.csc-reg-side{display:none}.csc-reg-card{max-height:calc(100dvh - 240px)}}
@media(max-width:700px){html,body{overflow:auto}body.csc-page{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.csc-page:before,.csc-page:after{opacity:.45}.csc-header{width:92vw;height:105px;padding-top:8px}.csc-brand-img{width:185px;height:88px}.csc-help{margin-top:18px;font-size:0}.csc-help-icon{width:32px;height:32px;font-size:15px}.csc-help strong{font-size:11px}.csc-layout{width:92vw;height:auto;min-height:0;margin:0 auto 78px;display:block}.csc-card{padding:18px 16px;border-radius:14px}.csc-card-head .icon{width:48px;height:48px}.csc-card-brand{font-size:21px}.csc-card-title{font-size:23px}.csc-card-sub{font-size:10px;margin-bottom:12px}.csc-input{height:43px}.csc-btn{height:44px}.csc-footer{position:relative;height:auto;margin-top:20px}.csc-footer-features{width:92vw;height:auto;grid-template-columns:1fr 1fr}.csc-footer-feature{min-height:42px;padding:7px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.csc-footer-copy{height:auto;padding:6px}.csc-reg-layout{width:92vw;height:auto;min-height:0;display:block;margin:0 auto 78px}.csc-reg-card{max-height:none;overflow:visible;padding:18px 15px}.csc-reg-form{grid-template-columns:1fr;gap:9px}.csc-reg-form .full{grid-column:auto}.csc-plan-grid{grid-template-columns:1fr 1fr}.csc-reg-actions{flex-direction:column;align-items:stretch}.csc-reg-actions .csc-btn{max-width:none}.csc-mini-card{width:92vw;max-height:none;margin:0 auto 78px;padding:20px 16px}.csc-success-card{width:92vw;padding:22px 15px}.csc-success-card .csc-card-title{font-size:25px}.mdx-success-actions{flex-direction:column}.mdx-success-actions a{width:100%}}
@media(max-width:420px){.csc-header{width:94vw;height:94px}.csc-brand-img{width:165px;height:78px}.csc-help{margin-top:15px}.csc-help-icon{width:29px;height:29px}.csc-card{padding:17px 13px}.csc-card-brand{font-size:20px}.csc-card-title{font-size:22px}.csc-plan-grid{grid-template-columns:1fr}.csc-footer-features{grid-template-columns:1fr}.csc-reg-card{padding:16px 12px}}
/* Final viewport-fit pass: desktop and normal mobile layouts stay inside the screen. */
@media(max-width:700px){
  html,body{overflow:hidden}
  body.csc-page{height:100dvh;min-height:0;overflow:hidden}
  .csc-header{height:82px;padding-top:5px}
  .csc-brand-img{width:170px;height:72px}
  .csc-help{margin-top:11px}
  .csc-layout{height:calc(100dvh - 82px);margin:0 auto;display:flex;align-items:center}
  .csc-card{max-height:calc(100dvh - 100px);overflow:hidden}
  .csc-reg-layout{height:calc(100dvh - 82px);margin:0 auto;display:flex;align-items:center}
  .csc-reg-card{width:100%;max-height:calc(100dvh - 96px);overflow:hidden}
  .csc-reg-form{gap:6px}
  .csc-reg-form .csc-input{height:36px}
  .csc-reg-form .csc-field label{margin-bottom:3px}
  .csc-section-title{margin-bottom:6px;padding-bottom:5px}
  .csc-steps{margin-bottom:9px}
  .csc-plan{padding:6px 8px}
  .csc-reg-actions{margin-top:5px;gap:6px}
  .csc-reg-actions .csc-btn{height:38px}
  .csc-note{padding:6px 8px}
  .csc-footer{position:fixed;bottom:0;left:0;right:0;height:25px;margin:0}
  .csc-footer-features{display:none}
  .csc-footer-copy{height:25px;padding:6px;font-size:8px}
  .csc-mini-card{max-height:calc(100dvh - 100px);overflow:hidden;margin:0 auto}
  .csc-success-card{max-height:calc(100dvh - 100px);overflow:hidden}
}
@media(max-width:420px){
  .csc-header{height:72px}.csc-brand-img{width:150px;height:64px}.csc-help{margin-top:8px}.csc-help-icon{width:27px;height:27px}
  .csc-layout,.csc-reg-layout{height:calc(100dvh - 72px)}
  .csc-card{padding:14px 12px}.csc-card-head .icon{width:42px;height:42px}.csc-card-brand{font-size:19px}.csc-card-title{font-size:21px}.csc-form{gap:7px}.csc-input{height:40px}
  .csc-reg-card{padding:13px 11px;max-height:calc(100dvh - 84px)}.csc-reg-head h1{font-size:23px}.csc-reg-head p{margin-bottom:7px}.csc-step{font-size:8px}.csc-step b{width:27px;height:27px}.csc-step:before{top:13px}.csc-reg-form{gap:5px}.csc-reg-form .csc-input{height:34px;font-size:11px}.csc-reg-form .csc-field label{font-size:10px}.csc-plan-grid{gap:5px}.csc-plan{padding:5px 7px}.csc-plan strong{font-size:14px}.csc-plan small{font-size:7px}
  .csc-mini-card{max-height:calc(100dvh - 84px);padding:16px 12px}.csc-success-card{max-height:calc(100dvh - 84px);padding:16px 12px}
}