.page-container{background-color:#fff;min-height:100vh;font-family:Inter,sans-serif}.feedback{color:#c03c14;text-align:center;letter-spacing:.016em;font-size:1.2vw;font-weight:500;line-height:1.2}.feedback-title{color:#000;text-align:center;font-size:2.2vw;font-weight:400;font-family:var(--font-nocturnal),serif;letter-spacing:.02em;margin-bottom:2vh;line-height:1.4}.feedback-subtitle{color:#484848;text-align:center;margin-bottom:24px;font-size:1.1vw}.feedback-rating-bar{background:#ffebcd;border-radius:38px;justify-content:center;align-items:center;gap:44px;width:750px;margin:0 auto 46px;padding:34px 0;display:flex}.feedback-rating-item{cursor:pointer;opacity:.7;flex-direction:column;align-items:center;font-size:18px;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s;display:flex}.feedback-rating-item.selected{opacity:1;transform:scale(1.05)}.feedback-rating-img{width:68px;height:68px;margin-bottom:10px}.feedback-rating-label{color:#4c4c4c;text-align:center;letter-spacing:.01em;margin-top:0;font-size:18px}.feedback-form{flex-direction:column;gap:24px;max-width:950px;margin:0 auto 100px;display:flex}.flex-row{gap:32px;display:flex}@media (max-width:768px){.flex-row{flex-direction:column;gap:12px}}.input-field{color:#000;background:0 0;border:none;border-bottom:1px solid #111;outline:none;width:100%;padding:1.2vh 0;font-size:.95vw;transition:border-bottom-color .3s}.input-field::placeholder{color:#999}.input-field:focus{border-bottom-color:#c03c14}.select-field{color:#756969;background:0 0;border:none;border-bottom:1px solid #111;outline:none;width:100%;padding:1.2vh 0;font-size:.95vw}.category-grid{flex-wrap:wrap;justify-content:start;gap:24px;margin-bottom:18px;display:flex}.category-button{cursor:pointer;color:#756969;box-shadow:none;background:#fff;border:1.1px solid #111;border-radius:18px;padding:17px 48px;font-size:1.19vw;font-weight:400;transition:none}.category-button.active,.category-button:hover{color:#fff;box-shadow:none;background:#c03c14;border:1.1px solid #111}.textarea-field{color:#000;background:0 0;border:none;border-bottom:1px solid #111;outline:none;width:100%;min-height:8vh;padding:1.5vh 0;font-size:.9vw}.textarea-field::placeholder{color:#999}.textarea-field:focus{border-bottom-color:#c03c14}.file-upload-container{margin-top:18px}.file-upload-label{color:#484848;font-size:1vw;font-weight:500}.file-input-wrapper{align-items:center;gap:18px;display:flex}.hidden-file-input{display:none}.file-input-button{color:#000;cursor:pointer;background:#f8c8bf;border:none;border-radius:10px;padding:12px 24px;font-size:1vw;transition:background-color .3s,color .3s}.file-input-button:hover{color:#fff;background:#c03c14}.file-name-display{color:#666;font-size:1vw}.remove-file-button{color:#c03c14;cursor:pointer;background:0 0;border:none;font-size:1vw}.submit-button{color:#111;cursor:pointer;letter-spacing:.11em;background:#fbbaa6;border:none;border-radius:45px;width:100%;margin-top:24px;padding:22px;font-size:1.2vw;font-weight:500;transition:background .22s,color .22s}.submit-button:hover{color:#fff;background:#c03c14}@media (max-width:700px){.feedback-rating-bar{border-radius:24px;gap:20px;padding:15px 6px}.feedback-rating-img{width:48px;height:48px}.feedback-rating-label,.input-field,.select-field,.textarea-field{font-size:15px}.category-button{padding:13px 20px;font-size:14px}.file-input-button{padding:10px 18px;font-size:14px}}
