.feedback{--ff-navy:#1e1650;--ff-purple:#73f;--ff-purple-soft:#f3efff;--ff-line:#e6dff2;--ff-muted:#5f5a7a;--ff-error:#c62828;color:var(--ff-navy);padding:72px 16px 120px;font-family:Lexend,sans-serif}.feedback-card{box-sizing:border-box;background:#fffdf9;border:1px solid #ece5dd;border-radius:32px;max-width:640px;margin:0 auto;padding:48px 56px;box-shadow:0 4px 24px #1e16500f}.feedback-card[hidden],.feedback .error[hidden]{display:none}.feedback p,.feedback label,.feedback legend,.feedback a,.feedback span{font-family:inherit}.feedback .done p{color:var(--ff-muted);font-size:16px}.feedback .chip{background:var(--ff-purple-soft);color:var(--ff-purple);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin:0 0 16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.feedback h1{color:var(--ff-navy);margin:0 0 12px;font-size:40px;line-height:1.1}.feedback .lede{color:var(--ff-muted);margin:0 0 32px;font-size:17px;line-height:1.55}.feedback .lede strong{color:var(--ff-navy);font-weight:600}.feedback form{gap:22px;display:grid}.feedback .field{gap:8px;font-size:15px;font-weight:600;display:grid}.feedback .hint{color:var(--ff-muted);font-weight:400}.feedback input[type=email],.feedback input[type=text],.feedback textarea{font:inherit;color:var(--ff-navy);box-sizing:border-box;border:1.5px solid var(--ff-line);background:#fff;border-radius:14px;width:100%;padding:14px 16px;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s}.feedback textarea{resize:vertical;min-height:112px}.feedback input:focus,.feedback textarea:focus{border-color:var(--ff-purple);outline:none;box-shadow:0 0 0 4px #7733ff24}.feedback .error{color:var(--ff-error);margin:0;font-size:14px;font-weight:400}.feedback .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.feedback fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.feedback legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.feedback .choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feedback .choice{cursor:pointer;display:block;position:relative}.feedback .choice input{opacity:0;width:1px;height:1px;position:absolute}.feedback .choice span{box-sizing:border-box;border:1.5px solid var(--ff-line);background:#fff;border-radius:14px;align-items:center;gap:12px;height:100%;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.3;transition:border-color .15s,background .15s;display:flex}.feedback .choice span:before{content:"";box-sizing:border-box;background:#fff 50%/12px no-repeat;border:1.5px solid #c9bff0;border-radius:6px;flex:none;width:20px;height:20px}.feedback .choice:hover span{border-color:#c9bff0}.feedback .choice input:checked+span{border-color:var(--ff-purple);background:var(--ff-purple-soft)}.feedback .choice input:checked+span:before{border-color:var(--ff-purple);background-color:var(--ff-purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.feedback .choice input:focus-visible+span{box-shadow:0 0 0 4px #7733ff2e}.feedback .submit{font:inherit;color:#fff;background:var(--ff-purple);cursor:pointer;border:0;border-radius:322px;justify-self:start;padding:15px 34px;font-size:17px;font-weight:600;transition:transform .15s,background .15s;box-shadow:0 4px 16px #6140ff33}.feedback .submit:hover{background:linear-gradient(135deg,#7258f5 0,#8c58f5 100%);transform:translateY(-1px)}.feedback .submit:disabled{opacity:.6;cursor:progress;transform:none}.feedback .done{text-align:center}.feedback .done .lede{margin-bottom:20px}.feedback .done p{margin:0 0 12px;line-height:1.55}.feedback .done a:not(.brand-pill){color:var(--ff-purple);font-weight:600}.feedback .done-icon{background:var(--ff-purple-soft);width:64px;height:64px;color:var(--ff-purple);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:30px;font-weight:700;display:grid}.feedback .done-icon.is-warn{color:#b26a00;background:#fff4e5}.feedback .example{color:var(--ff-navy);background:#fff;border:1px dashed #d8cff5;border-radius:16px;margin:-12px 0 32px;padding:16px 18px;font-size:16px;line-height:1.9}.feedback .example small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.feedback .var{background:var(--ff-purple-soft);color:var(--ff-purple);border-radius:999px;padding:0 10px;font-weight:600;line-height:1.6;display:inline-block}@media (width<=600px){.feedback{padding:32px 16px 80px}.feedback-card{border-radius:24px;padding:32px 20px}.feedback h1{font-size:30px}.feedback .choices{grid-template-columns:1fr}.feedback .submit{justify-self:stretch}}
