*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:'Segoe UI', Arial, sans-serif;direction:rtl;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(-45deg, #c6141b, #f5f6fa, #3464c8);background-size:500% 500%;animation:bgShift 15s ease infinite}@keyframes bgShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.survey-card{width:100%;max-width:960px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,0.45);display:flex;flex-direction:column}.progress-track{height:6px;background:#e8eef5}.progress-fill{height:100%;background:linear-gradient(90deg, #7b4397, #2a5298, #00b4d8);transition:width 0.45s cubic-bezier(0.4,0,0.2,1)}.view{display:flex;min-height:480px}.img-panel{background:linear-gradient(175deg, #1a3a5c 0%, #7b4397 60%, #c0392b 100%);display:flex;flex-direction:column;align-items:center;position:relative;aspect-ratio:0.7}.img-panel::after,.img-panel::before{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.07)}.img-panel::before{width:220px;height:220px;top:-80px;right:-80px}.img-panel::after{width:160px;height:160px;bottom:-55px;left:-55px}.img-panel > img{width:100%;height:100%;object-fit:fill;object-position:center center}.step-counter{position:absolute;z-index:1;text-align:center;color:rgba(255,255,255,0.75);font-size:0.78rem;letter-spacing:0.3px;bottom:10px;text-shadow:1px 1px 1px #000}.step-counter strong{display:block;font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:2px}.main-panel{padding:14px 28px;display:flex;flex-direction:column;flex:1;gap:1rem}.logo{text-align:center}.q-panel{display:none}.q-panel.active{flex:1;display:flex;flex-direction:column;gap:12px}.q-title{font-size:1.65rem;font-weight:800;color:#1a3a5c;line-height:1.35}.form-control{direction:rtl;text-align:right;border:2px solid #dde4ef;border-radius:12px;font-size:1rem;padding:12px 16px;transition:border-color 0.2s, box-shadow 0.2s}.form-control:focus{border-color:#7b4397;box-shadow:0 0 0 3.5px rgba(123,67,151,0.14);outline:none}.form-control.is-invalid{border-color:#e74c3c;box-shadow:0 0 0 3.5px rgba(231,76,60,0.14);background-image:none;padding:12px 16px}.field-group.is-invalid .invalid-feedback{display:block}.invalid-feedback{text-align:right}.form-check .form-check-input{float:right;margin-left:0.5em;width:19px;height:19px;cursor:pointer;border:2px solid #7b4397}.form-check-input:checked{background-color:#7b4397;border-color:#7b4397}.form-check-label{font-size:0.94rem;color:#2c2c3e;cursor:pointer;line-height:1.3}.cb-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px;text-wrap:nowrap}.options-wrap{display:flex;flex-direction:column;gap:16px}.step-nav{margin-top:auto;display:flex;gap:12px;align-items:center;text-wrap:nowrap}.btn-next,.btn-submit{background:linear-gradient(135deg, #7b4397 0%, #2a5298 100%);color:#fff;border:none;border-radius:30px;padding:13px 38px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity 0.2s, transform 0.15s;letter-spacing:0.3px}.btn-submit{background:linear-gradient(135deg, #f7971e 0%, #e74c3c 100%);padding:13px 42px}.btn-next:hover,.btn-submit:hover{opacity:0.88;transform:translateY(-2px)}.btn-next:active,.btn-submit:active{transform:translateY(0)}.btn-prev{background:transparent;color:#7b4397;border:2px solid #dde4ef;border-radius:30px;padding:11px 26px;font-size:0.94rem;font-weight:600;cursor:pointer;transition:background 0.2s, border-color 0.2s}.btn-prev:hover{background:#f4eefa;border-color:#c5a0e0}.q-panel.active{animation:stepIn 0.38s ease both}@keyframes stepIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.survey-footer{background:#f7f9fc;border-top:1px solid #e8eef5;padding:12px 28px;display:flex;justify-content:space-between;align-items:center;font-size:0.78rem;color:#999}.survey-footer a{color:#7b4397;text-decoration:none;margin:0 5px}.survey-footer a:hover{text-decoration:underline}#copyright{font-size:0.75rem;color:#000;direction:ltr}.result-panel{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 40px;gap:20px;min-height:360px}.result-message{font-size:1.2rem;font-weight:600;color:#1a3a5c;max-width:520px;line-height:1.6}.modal-header .btn-close{margin-left:0;margin-right:auto}.custom-modal{border-radius:18px;overflow:hidden;border:none}.custom-modal .modal-header{background:linear-gradient(135deg, #1a3a5c 0%, #7b4397 100%);color:#fff;border-bottom:none;padding:22px 28px;direction:rtl}.custom-modal .modal-title-wrap{display:flex;align-items:center;gap:12px}.custom-modal .modal-icon{font-size:1.5rem;line-height:1}.custom-modal .modal-title{font-size:1.1rem;font-weight:700;margin:0}.custom-modal .modal-body{padding:24px 28px;line-height:1.9;color:#2c2c3e;font-size:0.95rem;direction:rtl}.custom-modal .modal-body strong{color:#1a3a5c}.custom-modal .modal-footer{border-top:1px solid #e8eef5;padding:14px 28px;justify-content:flex-start;direction:rtl}.btn-modal-close{background:linear-gradient(135deg, #7b4397 0%, #2a5298 100%);color:#fff;border:none;border-radius:30px;padding:10px 28px;font-size:0.94rem;font-weight:600;cursor:pointer;transition:opacity 0.2s, transform 0.15s}.btn-modal-close:hover{opacity:0.88;transform:translateY(-1px)}ol,ul{padding-left:0;padding-right:2rem}@media (max-width: 600px){.survey-card{border-radius:0;max-width:100%}.img-panel{display:none}.q-title{font-size:1.3rem}.cb-grid{grid-template-columns:1fr}}