.feedback-hero{background:linear-gradient(160deg,#0d1b3e,#162d5a 40%,#1a3568);color:#fff;padding:calc(var(--nav-h) + 48px) var(--gutter) 72px;text-align:center;position:relative;overflow:hidden}.feedback-hero:before{content:"";position:absolute;top:-30%;right:-15%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,115,42,.12) 0%,transparent 70%);pointer-events:none}.feedback-hero h1{font-size:clamp(32px,5vw,48px);font-weight:800;margin-bottom:10px;color:#fff;position:relative;letter-spacing:-.02em}.feedback-hero p{font-size:15px;opacity:.65;max-width:460px;margin:0 auto;color:#fff;position:relative}.feedback-container{max-width:560px;margin:-36px auto 80px;padding:0 var(--gutter);position:relative;z-index:1}.feedback-card{background:var(--white);border-radius:var(--r-xl);padding:var(--sp-10);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.feedback-card .form-group{margin-bottom:var(--sp-6)}.feedback-card .form-label{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:var(--sp-2);display:block}.feedback-card .form-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--off);font-size:14px;font-family:var(--font);color:var(--text);outline:none;transition:all .25s var(--ease)}.feedback-card .form-input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #e8732a14}.feedback-card .form-input::placeholder{color:var(--muted);opacity:.6}.star-group{margin-bottom:var(--sp-6);padding:var(--sp-5);background:var(--off);border-radius:var(--r-lg);border:1px solid var(--divider);transition:border-color .2s}.star-group:hover{border-color:var(--border)}.star-group__label{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:10px}.star-group__stars{display:flex;gap:6px;direction:rtl;justify-content:flex-end}.star-group__stars input{display:none}.star-group__stars label{cursor:pointer;font-size:32px;color:#d1d5db;transition:color .15s var(--ease),transform .2s var(--ease);line-height:1}.star-group__stars label:hover,.star-group__stars label:hover~label,.star-group__stars input:checked~label{color:#f59e0b;transform:scale(1.15)}.feedback-toggle{display:flex;align-items:center;gap:16px;margin-bottom:var(--sp-6);padding:var(--sp-5);background:var(--off);border-radius:var(--r-lg);border:1px solid var(--divider)}.feedback-toggle__label{font-size:14px;font-weight:700;color:var(--navy);flex:1;line-height:1.4}.feedback-toggle input[type=checkbox]{width:48px;height:26px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#cbd5e1;border-radius:13px;position:relative;cursor:pointer;transition:background .3s var(--ease);flex-shrink:0}.feedback-toggle input[type=checkbox]:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s var(--ease);box-shadow:0 1px 4px #0003}.feedback-toggle input[type=checkbox]:checked{background:var(--green)}.feedback-toggle input[type=checkbox]:checked:after{transform:translate(22px)}.feedback-card .btn--primary{width:100%;padding:16px;font-size:15px;font-weight:700;border-radius:var(--r-lg);background:var(--navy);border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s var(--ease);cursor:pointer;font-family:var(--font)}.feedback-card .btn--primary:hover{background:#0d1b3e;box-shadow:0 4px 16px #11244d40;transform:translateY(-1px)}.feedback-success{text-align:center;padding:var(--sp-12) var(--sp-6)}.feedback-success__icon{width:72px;height:72px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:feedbackPop .5s var(--ease);box-shadow:0 4px 16px #1c7c3c40}.feedback-success h2{font-size:26px;color:var(--navy);margin-bottom:10px;font-weight:800}.feedback-success p{color:var(--muted);font-size:15px;line-height:1.7;max-width:380px;margin:0 auto}@keyframes feedbackPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.feedback-card .status-message{font-size:13px;padding:10px 14px;border-radius:var(--r-md);text-align:center}@media (max-width: 640px){.feedback-hero{padding:calc(var(--nav-h) + 32px) 16px 56px}.feedback-container{margin-top:-28px}.feedback-card{padding:var(--sp-6);border-radius:var(--r-lg)}.star-group{padding:var(--sp-4)}.star-group__stars label{font-size:28px}.feedback-toggle{padding:var(--sp-4);gap:12px}}
