.umrezz-sq-root{
  --umrezz-sq-navy:#0B1E3D;
  --umrezz-sq-navy-2:#122844;
  --umrezz-sq-gold:#C9A24B;
  --umrezz-sq-gold-light:#E8D9B5;
  --umrezz-sq-cream:#F7F3EC;
  --umrezz-sq-grey:#6B7280;
  --umrezz-sq-danger:#B23A3A;
  --umrezz-sq-ok:#2F7D5A;
  --umrezz-sq-mid:#B8862F;

  max-width:640px;
  margin:0 auto;
  font-family:'Tajawal',sans-serif;
  color:var(--umrezz-sq-navy);
  line-height:1.9;
  direction:rtl;
  text-align:right;
}
.umrezz-sq-root *{box-sizing:border-box;}

.umrezz-sq-header{text-align:center;margin-bottom:22px;}
.umrezz-sq-header h1{font-size:1.5rem;font-weight:900;color:var(--umrezz-sq-navy);margin:0 0 6px;}
.umrezz-sq-header p{color:var(--umrezz-sq-grey);font-size:.95rem;margin:0;}

.umrezz-sq-card{
  background:#fff;
  border-radius:18px;
  box-shadow:0 8px 30px rgba(11,30,61,.08);
  padding:28px 24px;
  border-top:5px solid var(--umrezz-sq-gold);
}

.umrezz-sq-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--umrezz-sq-grey);margin-bottom:8px;}
.umrezz-sq-progress-track{height:8px;background:#EDE7DA;border-radius:99px;overflow:hidden;margin-bottom:26px;}
.umrezz-sq-progress-fill{height:100%;background:linear-gradient(90deg,var(--umrezz-sq-gold),var(--umrezz-sq-navy));width:0%;transition:width .35s ease;}

#umrezz-sq-qnumber{display:inline-block;background:var(--umrezz-sq-navy);color:var(--umrezz-sq-gold-light);font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:99px;margin-bottom:14px;}
#umrezz-sq-qtext{font-size:1.15rem;font-weight:700;margin:0 0 22px;color:var(--umrezz-sq-navy);}

.umrezz-sq-options{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;}
.umrezz-sq-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #E7E1D3;border-radius:12px;cursor:pointer;transition:border-color .15s, background .15s;font-size:1rem;background:#fff;}
.umrezz-sq-opt:hover{border-color:var(--umrezz-sq-gold);}
.umrezz-sq-opt.selected{border-color:var(--umrezz-sq-gold);background:#FBF6EA;}
.umrezz-sq-dot{width:20px;height:20px;border-radius:50%;border:2px solid #C9C2AE;flex-shrink:0;position:relative;}
.umrezz-sq-opt.selected .umrezz-sq-dot{border-color:var(--umrezz-sq-gold);}
.umrezz-sq-opt.selected .umrezz-sq-dot::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--umrezz-sq-gold);}

.umrezz-sq-nav-row{display:flex;justify-content:space-between;gap:12px;}
.umrezz-sq-nav-btn{flex:1;padding:13px 16px;border-radius:10px;border:none;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .15s, transform .1s;}
.umrezz-sq-nav-btn:active{transform:scale(0.98);}
.umrezz-sq-nav-btn:disabled{opacity:.4;cursor:not-allowed;}
.umrezz-sq-btn-prev{background:#EFE9DB;color:var(--umrezz-sq-navy);}
.umrezz-sq-btn-next{background:var(--umrezz-sq-navy);color:#fff;}
.umrezz-sq-btn-next:disabled{background:#9AA5B5;}

#umrezz-sq-intro p{margin:0 0 14px;color:#3A4658;}
.umrezz-sq-meta{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 24px;font-size:.9rem;color:var(--umrezz-sq-grey);}
.umrezz-sq-meta span{background:var(--umrezz-sq-cream);padding:6px 12px;border-radius:8px;}
#umrezz-sq-start{width:100%;padding:15px;background:var(--umrezz-sq-navy);color:#fff;border:none;border-radius:10px;font-family:inherit;font-weight:900;font-size:1.05rem;cursor:pointer;}
#umrezz-sq-start:hover{background:var(--umrezz-sq-navy-2);}

#umrezz-sq-lead h3{font-size:1.1rem;color:var(--umrezz-sq-navy);margin:0 0 16px;}
.umrezz-sq-field{margin-bottom:12px;}
.umrezz-sq-field input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:1em;font-family:inherit;}
.umrezz-sq-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:16px;}
#umrezz-sq-submit{width:100%;padding:15px;background:var(--umrezz-sq-navy);color:#fff;border:none;border-radius:10px;font-family:inherit;font-weight:900;font-size:1.05rem;cursor:pointer;}
#umrezz-sq-submit:hover{background:var(--umrezz-sq-navy-2);}
#umrezz-sq-submit:disabled{opacity:.6;cursor:not-allowed;}

.umrezz-sq-score-circle{width:150px;height:150px;border-radius:50%;margin:0 auto 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid var(--umrezz-sq-gold);background:var(--umrezz-sq-cream);}
.umrezz-sq-num{font-size:2.2rem;font-weight:900;color:var(--umrezz-sq-navy);}
.umrezz-sq-of{font-size:.8rem;color:var(--umrezz-sq-grey);}
#umrezz-sq-level-badge{display:inline-block;padding:7px 20px;border-radius:99px;font-weight:700;font-size:1rem;margin-bottom:16px;color:#fff;}
#umrezz-sq-level-desc{text-align:right;color:#3A4658;background:var(--umrezz-sq-cream);padding:16px 18px;border-radius:12px;margin-bottom:22px;}

.umrezz-sq-cta-box{background:var(--umrezz-sq-navy);border-radius:14px;padding:22px;color:#fff;margin-bottom:16px;}
.umrezz-sq-cta-box h3{margin:0 0 8px;color:var(--umrezz-sq-gold-light);font-size:1.1rem;}
.umrezz-sq-cta-box p{margin:0 0 16px;font-size:.95rem;color:#E3E7EF;}
.umrezz-sq-cta-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.umrezz-sq-cta-btn{display:inline-block;padding:12px 22px;border-radius:9px;font-weight:700;text-decoration:none;font-size:.95rem;}
.umrezz-sq-cta-primary{background:var(--umrezz-sq-gold);color:var(--umrezz-sq-navy);}
.umrezz-sq-cta-secondary{background:transparent;border:1.5px solid var(--umrezz-sq-gold-light);color:var(--umrezz-sq-gold-light);}

#umrezz-sq-retake{background:none;border:none;color:var(--umrezz-sq-grey);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:.9rem;margin-top:6px;}

.umrezz-sq-footer{text-align:center;margin-top:22px;font-size:.8rem;color:var(--umrezz-sq-grey);}