:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#241b25;background:#f7f3f7;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#171417;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 980px)/2))}.brand{font-size:23px;font-weight:900;color:#ff167b;text-decoration:none}.back{color:#d9d0d9;text-decoration:none;font-size:14px}main{max-width:980px;margin:auto;padding:54px 22px 80px}.intro{max-width:720px;margin-bottom:26px}.eyebrow{margin:0 0 8px;color:#c63172;font-size:11px;font-weight:800;letter-spacing:2px}.intro h1{font-size:42px;line-height:1.1;margin:0 0 12px}.intro>p:last-child{color:#746a75;margin:0;font-size:16px}.panel{background:#fff;border:1px solid #e5dce6;border-radius:18px;padding:26px;box-shadow:0 12px 34px rgba(66,35,58,.06);margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:7px;color:#504351;font-size:13px;font-weight:700}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #d8ceda;border-radius:10px;background:#fcfbfc;color:#241b25;padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ff167b;box-shadow:0 0 0 3px rgba(255,22,123,.1)}.actions{display:flex;align-items:center;gap:14px;margin-top:18px}button{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#submitButton{background:#ff167b;color:#fff}#status,#feedbackStatus{font-size:13px;color:#a52b5c}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.result h2{margin:0;font-size:22px}.secondary{background:#f3edf3;color:#4e3848}.result #result{white-space:pre-wrap;background:#faf7fa;border-left:4px solid #ff167b;border-radius:8px;padding:18px;line-height:1.65}.feedback{border-top:1px solid #eadfeb;margin-top:22px;padding-top:18px}.feedback p{font-weight:800;margin:0 0 10px}.feedback div{display:flex;gap:8px;margin-bottom:10px}.feedback textarea{min-height:92px;resize:vertical;margin:6px 0 10px}.feedback span{margin-left:10px}@media(max-width:680px){main{padding:34px 15px 60px}.intro h1{font-size:34px}.fields{grid-template-columns:1fr}.panel{padding:18px}.actions{align-items:flex-start;flex-direction:column}}
