.ce-wrap{text-align:left;background:#fff;border:1px solid #e3e7ec;border-radius:10px;box-shadow:0 6px 24px rgba(17,24,39,.08);margin:0 0 36px;font-family:'Open Sans',Arial,sans-serif;color:#333}
.ce-wrap *,.ce-wrap *:before,.ce-wrap *:after{box-sizing:border-box}
.ce-head{background:#ed3237;color:#fff;padding:20px 24px 18px;border-radius:10px 10px 0 0}
.ce-head h2{margin:0 0 6px;font-size:24px;line-height:1.25;font-weight:700;color:#fff;font-family:'Roboto',Arial,sans-serif}
.ce-head p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)}
.ce-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:22px 24px 24px;position:relative}
.ce-form[hidden]{display:none}
.ce-field{display:flex;flex-direction:column;min-width:0;position:relative}
.ce-full{grid-column:1/-1}
.ce-field label{font-size:13px;font-weight:600;color:#3d4652;margin:0 0 5px;display:block}
.ce-field label em{color:#ed3237;font-style:normal}
.ce-wrap input,.ce-wrap select,.ce-wrap textarea{display:block;width:100%;height:auto;margin:0;padding:10px 12px;border:1px solid #cfd6de;border-radius:6px;background:#fff;font-size:15px;line-height:1.4;color:#222;font-family:inherit;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.ce-wrap textarea{resize:vertical;min-height:110px}
.ce-wrap input:focus,.ce-wrap select:focus,.ce-wrap textarea:focus{outline:none;border-color:#ed3237;box-shadow:0 0 0 3px rgba(237,50,55,.15)}
.ce-wrap .ce-invalid{border-color:#d93025;background:#fff8f7}
.ce-err{font-size:12px;color:#d93025;margin-top:4px}
.ce-err:empty{display:none}
.ce-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ce-status:empty{display:none}
.ce-status-error{background:#fdecea;color:#b3261e;border:1px solid #f5c2bd;border-radius:6px;padding:10px 12px;font-size:14px}
.ce-actions{display:flex;justify-content:flex-end}
.ce-wrap .ce-submit{border:0;cursor:pointer;min-width:180px}
.ce-wrap .ce-submit[disabled]{opacity:.7;cursor:wait}

.ce-native{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.ce-combo{position:relative}
.ce-wrap .ce-combo-input{padding-right:42px;background:#f7f8fa;font-weight:600;cursor:pointer;text-overflow:ellipsis}
.ce-wrap .ce-combo-input:focus{background:#fff;cursor:text;font-weight:400}
.ce-combo-toggle{position:absolute;top:1px;right:1px;bottom:1px;width:40px;border:0;background:transparent;color:#5f6b78;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0;padding:0}
.ce-combo-toggle svg{transition:transform .15s}
.ce-open .ce-combo-toggle svg{transform:rotate(180deg)}
.ce-listbox{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);max-height:320px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #cfd6de;border-radius:6px;box-shadow:0 12px 32px rgba(17,24,39,.18);-webkit-overflow-scrolling:touch}
.ce-listbox[hidden],.ce-listbox li[hidden]{display:none}
.ce-group{position:sticky;top:-4px;z-index:1;padding:8px 12px 5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7a8490;background:#f4f6f8;border-top:1px solid #e9edf1}
.ce-opt{padding:8px 12px 8px 20px;font-size:14px;line-height:1.35;color:#222;cursor:pointer}
.ce-opt-general{padding-left:12px;font-weight:600;color:#ed3237;border-bottom:1px solid #e9edf1}
.ce-opt:hover{background:#f7f8fa}
.ce-opt.ce-active{background:#fdecec;color:#b3201f}
.ce-opt.ce-chosen{font-weight:700}
.ce-opt.ce-chosen:after{content:"\2713";float:right;color:#ed3237;margin-left:8px}
.ce-empty{padding:10px 12px;font-size:13px;color:#7a8490}

.ce-done{padding:40px 28px 36px;text-align:center}
.ce-done[hidden]{display:none}
.ce-tick{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#e8f5ec;color:#1e8e3e;font-size:34px;line-height:64px;font-weight:700}
.ce-done h3{margin:0 0 8px;font-size:22px;color:#222;font-family:'Roboto',Arial,sans-serif}
.ce-done p{margin:0 auto 22px;max-width:460px;font-size:15px;line-height:1.6;color:#555}
.ce-done .ce-again{border:0;cursor:pointer}

@media (max-width:600px){
  .ce-head{padding:16px 18px 14px}
  .ce-head h2{font-size:20px}
  .ce-form{grid-template-columns:1fr;padding:16px 16px 20px;gap:12px}
  .ce-wrap .ce-submit{width:100%}
  .ce-listbox{max-height:260px}
}