.feedback-hero{background:radial-gradient(circle at top right,#1e293b 0,#0f172a 100%);position:relative;overflow:hidden}.feedback-card{background:white;border-radius:24px;box-shadow:0 20px 60px -10px rgba(0,0,0,0.1);border:1px solid #e2e8f0;overflow:hidden;position:relative;top:-80px;z-index:20;margin-bottom:-80px}.type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.type-option{cursor:pointer;position:relative;width:100%}.type-option input{display:none}.type-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border:2px solid #f1f5f9;border-radius:16px;transition:all .3s ease;color:#64748b;height:100%}.type-content i{font-size:1.5rem;transition:.3s}.type-option input:checked+.type-content{border-color:#3b82f6;background:#eff6ff;color:#3b82f6;box-shadow:0 10px 20px -5px rgba(59,130,246,0.2)}.form-group{margin-bottom:20px;position:relative}.form-label{font-size:.85rem;font-weight:700;color:#334155;margin-bottom:8px;display:block}.form-input{width:100%;padding:16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.95rem;color:#0f172a;transition:.3s;outline:0}.form-input:focus{border-color:#3b82f6;background:white;box-shadow:0 0 0 4px rgba(59,130,246,0.1)}.submit-btn{width:100%;padding:18px;border-radius:12px;background:#0f172a;color:white;font-weight:700;font-size:1rem;transition:.3s;cursor:pointer;border:0;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover{background:#3b82f6;transform:translateY(-2px);shadow:0 10px 20px rgba(59,130,246,0.3)}.process-step{display:flex;gap:20px;margin-bottom:40px;position:relative}.process-step::after{content:'';position:absolute;left:24px;top:60px;bottom:-30px;width:2px;background:#e2e8f0}.process-step:last-child::after{display:none}.step-icon{width:50px;height:50px;flex-shrink:0;background:white;border:2px solid #e2e8f0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#64748b;z-index:10}.process-step.active .step-icon{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}#successMessage{display:none}@media(max-width:768px){.feedback-hero{padding-top:100px;padding-bottom:100px}.feedback-card{top:-40px;margin-bottom:-40px;border-radius:20px}.type-selector{grid-template-columns:1fr;gap:10px}.type-content{flex-direction:row;justify-content:flex-start;padding:15px}.type-content i{margin-right:10px}h1{font-size:2.5rem !important}}