@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap";
:root{--font:"Instrument Sans", sans-serif;--red:#df0a0a;--ink:#443f3f}.complaint-page{min-height:80vh;font-family:var(--font);background:#fff}.complaint-body{max-width:1280px;margin:0 auto;padding:72px 24px 88px}.complaint-split{grid-template-columns:.92fr 1.08fr;align-items:start;gap:56px;display:grid}.complaint-split__title{color:var(--ink);letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.14}.complaint-split__subtitle{color:#7a746e;max-width:440px;margin:0 0 32px;font-size:15px;line-height:1.75}.complaint-steps-list{flex-direction:column;gap:18px;margin:0 0 32px;padding:0;list-style:none;display:flex}.complaint-steps-list li{align-items:flex-start;gap:14px;display:flex}.complaint-steps-list__num{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:12px;font-weight:800;display:flex}.complaint-steps-list strong{color:var(--ink);margin-bottom:3px;font-size:14.5px;font-weight:700;display:block}.complaint-steps-list p{color:#7a746e;margin:0;font-size:13.5px;line-height:1.65}.complaint-quick-list{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.complaint-quick-row{align-items:center;gap:14px;width:fit-content;text-decoration:none;display:flex}.complaint-quick-row__icon{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;transition:background .2s,transform .2s;display:flex}.complaint-quick-row:hover .complaint-quick-row__icon{background:#b80808;transform:translateY(-1px)}.complaint-quick-row__value{color:var(--ink);font-size:15px;font-weight:700}.complaint-note{border-left:3px solid var(--red);color:#6b6560;background:#df0a0a0d;border-radius:0 10px 10px 0;padding:14px 18px;font-size:13px;line-height:1.7}.complaint-note strong{color:var(--ink)}.complaint-form-panel{background:#fafaf8;border:1px solid #443f3f14;border-radius:24px;padding:34px;box-shadow:0 24px 48px -24px #443f3f2e}.complaint-form-panel__head{margin-bottom:26px}.complaint-form-panel__head h3{color:var(--ink);margin:0 0 8px;font-size:21px;font-weight:800}.complaint-form-panel__head p{color:#7a746e;margin:0;font-size:14px;line-height:1.65}.complaint-form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.complaint-form-group:last-of-type{margin-bottom:0}.complaint-label{color:var(--ink);letter-spacing:.2px;font-size:13px;font-weight:700}.complaint-label__req{color:var(--red);margin-left:2px}.complaint-field-error{color:var(--red);margin-top:2px;font-size:11.5px;display:block}.complaint-field-error--block{margin-bottom:12px}.complaint-input,.complaint-select,.complaint-textarea{width:100%;font-size:14px;font-family:var(--font);color:var(--ink);appearance:none;background:#fff;border:1.5px solid #443f3f24;border-radius:10px;outline:none;padding:12px 18px;transition:border-color .2s,box-shadow .2s}.complaint-input::placeholder,.complaint-textarea::placeholder{color:#b3aca5}.complaint-input:focus,.complaint-select:focus,.complaint-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #df0a0a1a}.complaint-input:hover,.complaint-select:hover,.complaint-textarea:hover{border-color:#443f3f47}.complaint-select-wrapper{position:relative}.complaint-select-wrapper:after{content:"";pointer-events:none;border-top:6px solid #a39c95;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.complaint-select{cursor:pointer;padding-right:40px}.complaint-textarea{resize:vertical;border-radius:10px;min-height:120px;line-height:1.7}.complaint-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.complaint-submit-btn{background:var(--red);color:#fff;width:100%;font-size:14.5px;font-weight:800;font-family:var(--font);cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:15px 32px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.complaint-submit-btn:hover{background:#b80808;transform:translateY(-2px);box-shadow:0 12px 24px #df0a0a47}.complaint-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.complaint-recaptcha-note{color:#a39c95;margin-top:15px;font-size:11px}.complaint-recaptcha-note a{color:var(--ink)}.complaint-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.complaint-success__icon{width:60px;height:60px;color:var(--red);background:#df0a0a14;border:2px solid #df0a0a29;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.complaint-success__title{color:var(--ink);margin:0;font-size:20px;font-weight:800}.complaint-success__sub{color:#7a746e;max-width:360px;margin:0;font-size:14px;line-height:1.6}.complaint-success__btn{background:var(--red);color:#fff;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:11px 26px;transition:transform .2s,background .2s;display:inline-flex}.complaint-success__btn:hover{background:#b80808;transform:translateY(-1px)}@media (max-width:900px){.complaint-split{grid-template-columns:1fr;gap:40px}}@media (max-width:600px){.complaint-body{padding:48px 16px 60px}.complaint-form-panel{padding:22px}.complaint-form-row{grid-template-columns:1fr;gap:0}.complaint-submit-btn{width:100%}}.complaint-recaptcha{min-height:78px;margin-top:4px;display:block;overflow:visible}
