.feedback-page{color:#1a1410;min-height:100vh;font:400 17px/1.55 var(--display);padding-bottom:96px}.feedback-top{background:#f7f7fa}.feedback-top>div,.feedback-hero,.feedback-content{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}.feedback-top>div{padding-top:24px}.feedback-top span{letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-size:12px;font-weight:800;line-height:1.55}.feedback-hero{color:var(--ink);border-bottom:1px solid #1213111f;margin-top:18px;padding-block:24px 36px}.feedback-hero>div{max-width:620px}.feedback-hero h1{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:.94}.feedback-hero em{font-weight:500}.feedback-hero p{font:400 17px/1.6 var(--reading);color:var(--muted)}.feedback-content{padding-top:36px}.feedback-identity,.feedback-form{background:#fff;border:1px solid #1a14101a;border-radius:14px;box-shadow:0 1px 2px #1a14100a,0 2px 8px #1a141008}.feedback-identity{align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.feedback-avatar{background:var(--paper-deep);border-radius:11.5px;flex:0 0 46px;place-items:center;height:46px;display:grid;overflow:hidden}.feedback-avatar img{object-fit:cover;width:46px;height:46px}.feedback-identity>div:last-child{overflow-wrap:anywhere;min-width:0}.feedback-identity strong{font-size:15px;font-weight:700;line-height:1.2;display:block}.feedback-identity small{color:#9a8c80;margin-top:3px;font-size:12px;line-height:1.55;display:block}.feedback-form{flex-direction:column;gap:20px;padding:28px;display:flex}.feedback-field{flex-direction:column;gap:8px;min-width:0;display:flex}.feedback-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700;line-height:1.55}.feedback-field input,.feedback-field textarea{border:1px solid var(--rule);background:var(--white);width:100%;min-width:0;color:var(--ink);font:400 15px/1.55 var(--display);border-radius:0;padding:13px 16px}.feedback-field textarea{font:400 15px/1.6 var(--reading);resize:vertical;min-height:120px}.feedback-field :is(input,textarea):focus{outline-offset:1px;border-color:var(--orange);outline:2px solid #ff732640}.feedback-button{background:var(--orange);color:var(--ink);font:700 14px/1.55 var(--display);letter-spacing:.04em;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:15px 22px;display:inline-flex}.feedback-button:hover{background:#ed641c}.feedback-button:disabled{opacity:.45;cursor:not-allowed}.feedback-submit{width:100%;margin-top:4px}.feedback-secondary{border:1px solid var(--rule);background:0 0}.feedback-error{color:#d63c1f;font:500 13px/1.55 var(--display);background:#d63c1f14;border:1px solid #d63c1f2e;border-radius:10px;padding:12px 16px}.feedback-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.feedback-success{text-align:center;max-width:560px;margin-inline:auto;padding:140px 32px 80px}.feedback-success>span{color:#3a9e6e;background:#3a9e6e1f;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 24px;display:grid}.feedback-success h1{font:800 clamp(30px,4vw,44px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 12px}.feedback-success p{color:#6b5d52;max-width:440px;margin:0 auto 28px;font-size:16px;line-height:1.6}.feedback-success>div{flex-direction:column;align-items:center;gap:10px;display:flex}.feedback-return{color:var(--orange);letter-spacing:.02em;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.55}.feedback-loading{place-items:center;min-height:100vh;padding-top:80px;display:grid}.feedback-loading span{border:3px solid #ff732633;border-top-color:var(--orange);border-radius:50%;width:32px;height:32px;animation:1s linear infinite feedback-spin}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.feedback-page{font-size:16px}.feedback-top>div,.feedback-hero,.feedback-content{padding-inline:20px}.feedback-form{padding:22px 18px}}
:root .feedback-page.np-letters{min-height:0;color:var(--np-ink);font-family:var(--np-serif);--ink-ok:#2f6b3f;--ink-bad:#9c2f25;padding-bottom:110px}:root .feedback-page.np-letters .feedback-top{background:0 0;border:0}:root .feedback-page.np-letters :is(.feedback-top>div,.feedback-hero,.feedback-content){width:min(1100px,100% - 64px);max-width:none;margin-inline:auto}:root .feedback-page.np-letters .feedback-top>div{padding:30px 0 0}:root .feedback-page.np-letters .feedback-top span{font:700 12px/1.3 var(--np-cond);letter-spacing:.18em;text-transform:uppercase;color:var(--np-orange-d)}:root .feedback-page.np-letters .feedback-hero{background:linear-gradient(var(--np-ink),var(--np-ink)) 0 100%/100% 1px no-repeat,linear-gradient(var(--np-ink),var(--np-ink)) 0 calc(100% - 4px)/100% 3px no-repeat;border:0;margin-top:10px;padding:0 290px 28px 0;position:relative}:root .feedback-page.np-letters .feedback-hero>div{max-width:680px}:root .feedback-page.np-letters .feedback-hero h1{font:700 clamp(58px,6.4vw,104px)/.9 var(--np-serif);letter-spacing:-.035em;margin:0 0 16px}:root .feedback-page.np-letters .feedback-hero p{font:italic 400 18px/1.5 var(--np-serif);color:var(--np-ink2);margin:0}:root .feedback-page.np-letters .feedback-hero:after{content:"";aspect-ratio:520/551;filter:drop-shadow(12px 4px 10px #12131133);pointer-events:none;background:url(../media/suggestion-box.17x8sfpfva3_a.webp) 50% 100%/contain no-repeat;width:216px;position:absolute;bottom:7px;right:24px}:root .feedback-page.np-letters .feedback-content{background:var(--np-white);border:1px solid #12131133;margin-top:46px;padding:44px 48px 46px;position:relative;box-shadow:0 1px #0000000a,0 28px 34px -26px #281e0a80}:root .feedback-page.np-letters .feedback-content:before{content:"";background:radial-gradient(circle,var(--np-paper) 0 5.5px,transparent 6px) 0 0/26px 14px repeat-x;pointer-events:none;height:14px;position:absolute;top:-7px;left:14px;right:14px}:root .feedback-page.np-letters .feedback-identity{box-shadow:none;background:linear-gradient(var(--np-ink),var(--np-ink)) 0 100%/100% 1px no-repeat,linear-gradient(var(--np-ink),var(--np-ink)) 0 calc(100% - 4px)/100% 3px no-repeat;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 30px;padding:0 0 22px;display:grid}:root .feedback-page.np-letters .feedback-avatar{background:var(--np-paper);width:60px;height:60px;box-shadow:0 0 0 1px var(--np-ink),0 0 0 4px var(--np-white),0 0 0 5px #12131140;font:700 20px/1 var(--np-serif);color:var(--np-ink);border-radius:50%;flex:none}:root .feedback-page.np-letters .feedback-avatar img{width:60px;height:60px}:root .feedback-page.np-letters .feedback-identity strong{font:700 22px/1.2 var(--np-serif);letter-spacing:-.01em;color:var(--np-ink)}:root .feedback-page.np-letters .feedback-identity small{font:500 13px/1.5 var(--np-mono);color:var(--np-muted);margin-top:5px}:root .feedback-page.np-letters .feedback-date{font:italic 400 17px/1.3 var(--np-serif);color:var(--np-ink2);white-space:nowrap;justify-self:end}:root .feedback-page.np-letters .feedback-form{box-shadow:none;background:0 0;border:0;border-radius:0;gap:24px;padding:0}:root .feedback-page.np-letters .feedback-field{gap:9px}:root .feedback-page.np-letters .feedback-field label{font:800 12px/1.3 var(--np-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink)}:root .feedback-page.np-letters .feedback-field :is(input,textarea){border:1px solid var(--np-ink);background:var(--np-white);min-height:54px;color:var(--np-ink);border-radius:0;padding:13px 16px}:root .feedback-page.np-letters .feedback-field input{font:600 20px/1.35 var(--np-serif)}:root .feedback-page.np-letters .feedback-field textarea{min-height:230px;font:400 18px/1.6 var(--np-serif)}:root .feedback-page.np-letters .feedback-field :is(input,textarea)::placeholder{color:var(--np-muted);opacity:1;font-style:italic;font-weight:400}:root .feedback-page.np-letters .feedback-field :is(input,textarea):focus{border-color:var(--np-ink);box-shadow:inset 0 -3px 0 var(--np-orange);outline:0}:root .feedback-page.np-letters .feedback-error{border:1px solid var(--ink-bad);color:#8a2a21;font:italic 400 16px/1.5 var(--np-serif);background:#fbece8;border-left-width:4px;border-radius:0;margin:0 0 22px;padding:12px 16px}:root .feedback-page.np-letters .feedback-form .feedback-error{margin:0}:root .feedback-page.np-letters .feedback-error button{font:800 12px/1 var(--np-cond);letter-spacing:.12em;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:normal;text-decoration:underline}:root .feedback-page.np-letters .feedback-button{background:var(--np-ink);min-height:52px;color:var(--np-paper);font:800 13px/1 var(--np-cond);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:0;padding:0 30px;transition:background .2s,color .2s}:root .feedback-page.np-letters .feedback-button:hover:not(:disabled){background:var(--np-orange);color:var(--np-ink)}:root .feedback-page.np-letters .feedback-submit{align-self:flex-start;width:auto;margin-top:4px}:root .feedback-page.np-letters .feedback-content:not(:has(.feedback-form)){justify-items:center;gap:14px;padding:58px 24px 54px;display:grid}:root .feedback-page.np-letters .feedback-content:not(:has(.feedback-form))>p{font:italic 400 16px/1.5 var(--np-serif);color:#8a2a21}:root .feedback-page.np-letters .feedback-success{border:1px solid var(--np-ink);background:var(--np-white);width:min(620px,100% - 32px);max-width:none;box-shadow:0 0 0 4px var(--np-paper),0 0 0 5px var(--np-ink);text-align:center;margin:clamp(40px,7vw,88px) auto 0;padding:30px clamp(20px,4vw,40px) 36px}:root .feedback-page.np-letters .feedback-success:before{content:"";aspect-ratio:520/551;filter:drop-shadow(10px 4px 9px #1213112e);background:url(../media/suggestion-box.17x8sfpfva3_a.webp) 50% 100%/contain no-repeat;width:196px;margin:0 auto;display:block}:root .feedback-page.np-letters .feedback-success>span{border:4px double var(--ink-ok);width:92px;height:92px;color:var(--ink-ok);background:#fffefae6;border-radius:50%;margin:-70px auto 20px;position:relative;translate:82px;rotate:-10deg}:root .feedback-page.np-letters .feedback-success h1{font:700 clamp(30px,3.6vw,42px)/1.08 var(--np-serif);letter-spacing:-.02em;color:var(--np-ink);background:linear-gradient(var(--np-ink),var(--np-ink)) 0 0/100% 3px no-repeat,linear-gradient(var(--np-ink),var(--np-ink)) 0 5px/100% 1px no-repeat;margin:0 0 12px;padding-top:16px}:root .feedback-page.np-letters .feedback-success h1:focus{outline:0}:root .feedback-page.np-letters .feedback-success p{max-width:46ch;font:italic 400 18px/1.5 var(--np-serif);color:var(--np-ink2);margin:0 auto 26px}:root .feedback-page.np-letters .feedback-success>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;display:flex}:root .feedback-page.np-letters .feedback-return{font:800 12.5px/1 var(--np-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink2);padding:0}:root .feedback-page.np-letters .feedback-return:hover{color:var(--np-ink);text-underline-offset:4px;text-decoration:underline}:root .feedback-page.np-letters .feedback-loading{min-height:60vh;padding-top:0}:root .feedback-page.np-letters .feedback-loading span{border-color:#1213112e;border-top-color:var(--np-orange)}@media (max-width:760px){:root .feedback-page.np-letters{padding-bottom:72px}:root .feedback-page.np-letters :is(.feedback-top>div,.feedback-hero,.feedback-content){width:calc(100% - 32px)}:root .feedback-page.np-letters .feedback-top>div{padding-top:22px}:root .feedback-page.np-letters .feedback-hero{padding:0 0 7px}:root .feedback-page.np-letters .feedback-hero h1{font-size:clamp(46px,13vw,64px)}:root .feedback-page.np-letters .feedback-hero:after{width:148px;margin:16px 6px 0 auto;display:block;position:static}:root .feedback-page.np-letters .feedback-content{margin-top:38px;padding:34px 18px 30px}:root .feedback-page.np-letters .feedback-identity{grid-template-columns:auto minmax(0,1fr);gap:8px 14px}:root .feedback-page.np-letters .feedback-date{grid-column:1/-1;justify-self:start;font-size:15.5px}:root .feedback-page.np-letters .feedback-field input{font-size:17px}:root .feedback-page.np-letters .feedback-field textarea{min-height:200px;font-size:17px}:root .feedback-page.np-letters .feedback-submit{align-self:stretch}:root .feedback-page.np-letters .feedback-success>span{translate:64px}}@media (prefers-reduced-motion:reduce){:root .feedback-page.np-letters .feedback-button{transition:none}:root .feedback-page.np-letters .feedback-loading span{animation-duration:3s}}