.dccs{--dccs-ink:#173f3b;--dccs-muted:#657d72;--dccs-teal:#287b6b;--dccs-line:#e4e9de;--dccs-cream:#faf9f4;--dccs-peach:#f5c9aa;max-width:1450px;margin:0 auto;padding:clamp(26px,5vw,72px);border-radius:24px;background:var(--dccs-cream);color:var(--dccs-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}.dccs *{box-sizing:border-box}.dccs button,.dccs a{font:inherit}.dccs button{cursor:pointer}.dccs__intro{padding:8px 4px 34px;max-width:760px}.dccs__eyebrow{color:var(--dccs-teal);font-size:11px;letter-spacing:.16em;font-weight:800}.dccs__eyebrow span{color:#d79775;margin:0 8px}.dccs__intro h2{margin:15px 0 12px;color:var(--dccs-ink);font-size:clamp(37px,4.1vw,58px);line-height:1.08;letter-spacing:-.055em;font-weight:780}.dccs__intro p{max-width:610px;color:var(--dccs-muted);font-size:15px;line-height:1.7;margin:0}.dccs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.dccs__card{display:flex;flex-direction:column;min-width:0;min-height:347px;padding:23px;border:1px solid var(--dccs-line);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(31,69,57,.055)}.dccs__card-top{display:flex;align-items:flex-start;justify-content:space-between}.dccs__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e2f0e7;color:#287b6b;font-size:27px;line-height:1}.dccs__card:nth-child(3n+2) .dccs__icon{background:#fbebe0;color:#c47d60}.dccs__card:nth-child(3n) .dccs__icon{background:#eeebf6;color:#8178a7}.dccs__number{color:#899a8f;font-size:11px;letter-spacing:.11em;font-weight:800}.dccs__card h3{color:var(--dccs-ink);font-size:21px;letter-spacing:-.04em;line-height:1.25;margin:24px 0 7px;overflow-wrap:anywhere}.dccs__description{color:#788c80;font-size:12px;line-height:1.55;margin:0 0 18px;min-height:37px;overflow-wrap:anywhere}.dccs__list-label{border-top:1px solid #ebeee7;padding-top:15px;color:#657e72;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.dccs__members{list-style:none!important;padding:0!important;margin:9px 0 14px!important;max-height:178px;min-height:36px;overflow:auto}.dccs__members li{display:flex;align-items:center;gap:8px;padding:5px 0;color:#355b50;font-size:12px;font-weight:650;line-height:1.35}.dccs__members .dccs__empty{font-style:italic;font-weight:400;color:#9aa99d}.dccs__avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e7f0e9;color:#3c7667;font-size:11px}.dccs__member-name{overflow-wrap:anywhere}.dccs__remove{border:0!important;box-shadow:none!important;margin-left:auto;padding:5px 7px!important;border-radius:7px!important;background:#fff1e9!important;color:#a2513b!important;font-size:10px!important;font-weight:750!important;white-space:nowrap}.dccs__remove:hover{background:#f9dfd1!important}.dccs__card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;color:#70857a;font-size:11px}.dccs__card-bottom>span:first-child{white-space:nowrap}.dccs__join,.dccs__joined{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:28px!important;padding:10px 12px!important;background:#e4f1e8!important;color:#226652!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;text-align:center;line-height:1.3;white-space:nowrap}.dccs__join:hover{background:#cbe6d5!important}.dccs__joined{background:#f2f3eb!important;color:#697d70!important}.dccs__privacy{margin:24px 4px 0;color:#758c7e;font-size:12px;line-height:1.6}.dccs__privacy a{color:#246d5c;text-decoration:underline}.dccs__message{margin:0 0 18px;padding:14px 17px;border-radius:11px;background:#e0f1e7;color:#185a45;font-size:13px;font-weight:700}.dccs__message--error{background:#fff0e8;color:#a4452f}.dccs--busy .dccs__join,.dccs--busy .dccs__remove{pointer-events:none;opacity:.55}.dccs__dialog{width:min(430px,calc(100% - 30px));max-width:430px;border:0;border-radius:19px;padding:28px;background:white;color:var(--dccs-ink);box-shadow:0 25px 70px rgba(12,54,43,.3)}.dccs__dialog::backdrop{background:rgba(16,48,43,.65)}.dccs__dialog h3{font-size:23px;letter-spacing:-.04em;margin:0 0 10px}.dccs__dialog p{font-size:14px;line-height:1.6;color:#6c8177;margin:0 0 24px}.dccs__dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}.dccs__dialog-actions button{padding:10px 13px;border-radius:8px;font-size:12px;font-weight:700}.dccs__cancel{border:1px solid #dce6dd;background:white;color:#25594d}.dccs__confirm{border:1px solid #a64935;background:#a64935;color:white}.dccs :focus-visible{outline:3px solid #dc966f;outline-offset:3px}@media(max-width:1000px){.dccs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dccs{padding:28px 17px;border-radius:15px}.dccs__grid{grid-template-columns:1fr;gap:13px}.dccs__card{min-height:295px;padding:20px}.dccs__intro{padding-bottom:26px}.dccs__intro h2{font-size:39px}}@media(prefers-reduced-motion:no-preference){.dccs__card{transition:transform .18s,box-shadow .18s}.dccs__card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(31,69,57,.095)}}
.dccs__form{display:grid;gap:9px;margin-top:18px;padding-top:17px;border-top:1px solid #ebeee7}.dccs__form[hidden]{display:none}.dccs__form label{font-size:11px;font-weight:800;color:#315e51}.dccs__form label span{font-weight:450;color:#789085}.dccs__form input[name=full_name]{width:100%;min-height:42px;padding:10px 12px;border:1px solid #cdded0;border-radius:9px;background:#fff;color:#173f3b;font:inherit;font-size:13px}.dccs__form input[name=full_name]::placeholder{color:#91a397}.dccs__form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.dccs__form-actions button{border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800}.dccs__form-cancel{border:1px solid #d9e4d9;background:#fff;color:#3a6859}.dccs__form-submit{border:1px solid #195749;background:#195749;color:#fff}.dccs__form-submit:hover{background:#287b6b}.dccs__trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
