.questionnaire__shell{
--accent:#e8132e;
--accent-2:#c00006;
--bg:#f8f9fa;
--field:#ffffff;
--border:#dee2e6;
--error:#e8132e;
--field-gutter: 25px;
margin:0 auto;background:transparent;}
.questionnaire__card{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg);}
.questionnaire__header{background:var(--accent);color:#fff;padding:18px 22px;}
.questionnaire__header h1{font-size:20px;margin:0;font-weight:700;letter-spacing:.2px;}
.questionnaire__header p{margin:6px 0 0;font-size:14px;opacity:.95;}
#questionnaire__header-main {font-weight:800;font-size:16px;letter-spacing:.3px;text-transform:uppercase;}
.questionnaire__pager{padding:14px 22px;background:var(--bg);}
.questionnaire__progress{height:5px;background:#e5e5e5;border-radius:999px;overflow:hidden;}
.questionnaire__progress i{display:block;height:100%;width:0;background:var(--accent);}
.questionnaire__progress-text{margin-top:8px;font-size:13px;opacity:.95;}
.questionnaire__form{padding:20px 22px;background:var(--bg);}
.questionnaire__page{display:none;}
.questionnaire__page.active{display:block;}
.questionnaire__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--field-gutter);}
.questionnaire__grid, .questionnaire__field{margin-top:var(--field-gutter);}
.questionnaire__grid > .questionnaire__field{margin-top:0;}
.questionnaire__group-header{margin:var(--field-gutter) 0 10px;font-size:18px;line-height:24px;font-weight:700;}
.questionnaire__group-body{padding:10px 0px 10px 20px;border-left:1px dashed #cacdcf;}
.questionnaire__label{display:block;font-weight:700;/*margin-top:12px;*/font-size:14px;}
.questionnaire__input, .questionnaire__select, .questionnaire__textarea{
  width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);
  font-size:14px;margin-top:6px;background:var(--field);
  transition:border-color .12s, box-shadow .12s;
}
.questionnaire__textarea{min-height:96px;resize:vertical;}
.questionnaire__small{margin-top:10px; font-size:13px; color:#6c757d;}
.questionnaire__btn-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:35px;}
.questionnaire__btn{padding:8px 17px;border-radius:4px;border:0;cursor:pointer;font-weight:bold;font-size:15px;}
.questionnaire__btn.primary{background:var(--accent);color:#fff;}
.questionnaire__btn.primary:hover{background:var(--accent-2);}
.questionnaire__btn.black{background:#1a1c2c;color:#fff;}
.questionnaire__btn.black:hover{background:#33364e;}
.questionnaire__btn.ghost{background:#fff;border:1px solid var(--accent);color:var(--accent);}
.questionnaire__btn[disabled],.questionnaire__btn[disabled]:hover{background: #999999; border-color: transparent; cursor: not-allowed;}
.questionnaire__btn.loading:before{content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; background-repeat: no-repeat; background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"><animateTransform attributeName="transform" type="rotate" dur="1.5s" values="0 12 12;360 12 12" repeatCount="indefinite"></animateTransform></path></svg>');
}
.questionnaire__counter{min-width:76px;text-align:center;font-weight:800;color:#212529;}
.questionnaire__field-error{color:var(--error);font-size:13px;display:none;margin-top:6px;}
.questionnaire__input.invalid, .questionnaire__select.invalid, .questionnaire__textarea.invalid,
.questionnaire__field.is-error .questionnaire__checkgrid > label { border-color:var(--error);box-shadow:0 0 0 3px rgba(214,40,40,0.10);background:#fff5f5; }
.questionnaire__required:after{content:" *";color:var(--error);}
.questionnaire__checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-top:8px;}
.questionnaire__checkgrid label{/*font-weight:600;*/display:flex;gap:8px;align-items:center;background:#fbfbfb;border:1px solid #e1e1e1;padding:12px 15px;font-size:14px;line-height:16px;border-radius:5px;cursor:pointer;}
.questionnaire__checkgrid label input{cursor:pointer;}
.questionnaire__files-box:hover{border-color:#d62828;background:#fff5f5;}
.questionnaire__files-box-title{font-weight:700;font-size:19px;margin-bottom:15px;}
.questionnaire__files-box-extensions{font-size:15px;color:#6c757d;}
.questionnaire__files-box-rules{font-size:13px;color:#6c757d;}
.questionnaire__files-box-hit{margin-top:20px;font-size:13px;color:#adb5bd;}
.questionnaire__files-attached {margin-top:10px; font-size:13px;}
.questionnaire__files-attached-text{color:#6c757d;}
.questionnaire__files-attached-list > li {display: inline-block; margin: 5px 5px 0 0; padding: 4px 12px; font-weight: bold; color: #333; background: #fbfbfb; border: 1px solid #e1e1e1; border-radius: 5px;}
@media(max-width:760px){
  .questionnaire__grid{grid-template-columns:1fr;}}
  .questionnaire__files-box{border:2px dashed #dee2e6;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#fff;transition:.15s;
}
.questionnaire__agreement { padding: 12px 15px; font-size: 14px; background: #e9f0f7; border-radius: 6px; }

.questionnaire__notice{margin:16px 0;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:600;}
.questionnaire__notice--error{margin-top:30px;background:#fff5f5;color:#d62828;border:1px solid #ffdddd;}
.questionnaire__notice--success{background:#f1fdf4;color:#2b8a3e;border:1px solid #2fb344;}

.questionnaire__success{display:none;}
.questionnaire__success-card{background:#fff;border-radius:14px;padding:90px 10px;text-align:center;border:1px solid #dadada;}
.questionnaire__success-title{font-weight:900;font-size:26px;letter-spacing:.4px;text-transform:uppercase;}
.questionnaire__success-subtitle{margin-top:14px;font-weight:800;font-size:14px;letter-spacing:.3px;text-transform:uppercase;}
#questionnaire__download-pdf{display:inline-block;margin-top:26px;padding:12px 22px;border-radius:10px;font-size:14px;font-weight:900;text-transform:uppercase;background:#d62828;color:#ffffff;}
#questionnaire__download-pdf:hover{background:#b81f1f;}
@media (max-width:760px) {
  .questionnaire__success-card{padding: 40px 15px;}
  .questionnaire__success-title{font-size: 20px;}
}