.cl-root{display:grid;gap:17px;max-width:1220px;margin:0 auto}.cl-intro{padding:26px 30px;border:1px solid #75202a;background:linear-gradient(125deg,rgba(165,27,47,.33),rgba(15,15,21,.93) 65%);border-radius:17px;font-size:22px}.cl-intro p{font-size:14px;line-height:1.65;color:#bfc0c9;max-width:820px;margin:8px 0 0}.cl-account{display:flex;justify-content:space-between;gap:12px;align-items:center}.cl-field{display:flex;flex-direction:column;gap:7px;margin:10px 0;min-width:0;flex:1;font-size:13px;color:#ced0d5}.cl-field input,.cl-field select,.cl-field textarea{width:100%;font:inherit;color:#f1f2f6;background:#18191d;border:1px solid #3b3d43;border-radius:9px;padding:12px;min-height:44px}.cl-field input:focus,.cl-field textarea:focus{outline:2px solid #d02d45;outline-offset:0}.cl-formline{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.cl-formline>.btn{margin-bottom:10px;min-height:44px}.cl-groupcards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cl-group,.cl-project{background:#17181d;border:1px solid #32343a;border-radius:12px;padding:14px}.cl-projects{display:grid;gap:9px}.cl-project{display:flex;justify-content:space-between;align-items:center;gap:9px}.cl-project p{margin:5px 0 0}.cl-pill{font-size:11px;background:#45202a;color:#ffb2bd;padding:4px 8px;border-radius:9px}.cl-code{background:#191b24;color:#ff788a;padding:8px 12px;border-radius:8px;display:inline-block;letter-spacing:1px}.cl-rubric{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.cl-check{display:flex;align-items:center;gap:9px;font-size:13px;margin:12px 0}.cl-notice{padding:14px;border-radius:9px;border:1px solid #2f694f;background:#173d2d;color:#c0eed1}.cl-notice.bad{border-color:#7b3d3d;background:#3a2226;color:#ffcccf}.cl-review{margin-top:18px;padding:15px;border:1px solid #423f48;border-radius:11px}.cl-bootstrap{border-style:dashed}@media(max-width:760px){.cl-intro{padding:18px;font-size:18px}.cl-formline{display:block}.cl-formline>.btn{margin:6px 0 12px}.cl-account,.cl-project{align-items:start}.cl-root{padding-bottom:70px}}

@media(max-width:700px){.cl-root .grid.c2{grid-template-columns:1fr}.cl-root .cl-account{flex-direction:column}.cl-root .cl-project{flex-direction:column}.cl-root .cl-project .btn{align-self:flex-start}}
