.clsp{max-width:1050px;margin:0 auto;padding:clamp(10px,2vw,22px)}
.clsp .clsp-hero{padding:clamp(22px,5vw,52px);border-radius:18px;margin-bottom:25px;background:radial-gradient(ellipse at 90% 0,#264e85,transparent 66%),#0b1830;color:#f5f9ff}
.clsp .clsp-hero h2{color:#fff;font-size:clamp(25px,4vw,45px)}
.clsp .clsp-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:14px}
.clsp :is(.clsp-projects article,.clsp-message,.clsv-form){border:1px solid #d9e3f2;background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}
.clsp label{display:block;font-weight:650}
.clsp :is(select,textarea,input:not([type=hidden])){width:100%;min-height:44px}