:root{
  --bg: #f6f8ff;
  --card: #ffffff;
  --text: #0f172a;
  --muted:#64748b;
  --line: #e5e7eb;
  --primary:#2563eb;
  --dark:#111827;
  --soft:#f3f6ff;
  --shadow: 0 12px 35px rgba(2,8,23,.08);
  --radius: 18px;
}

*{box-sizing:border-box}
body{
  font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background: linear-gradient(180deg, var(--bg), #fff 60%);
  color: var(--text);
}

.qrn-navbar{
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(229,231,235,.8);
}

.qrn-mark{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background: linear-gradient(135deg, #111827, #2563eb);
  color:#fff;
  box-shadow: 0 10px 25px rgba(37,99,235,.25);
}

.fw-extrabold{font-weight:800}

.qrn-hero{
  position:relative;
  overflow:hidden;
}
.qrn-hero:before{
  content:"";
  position:absolute;inset:-40px -80px auto -80px;
  height:280px;
  background: radial-gradient(circle at 30% 30%, rgba(37,99,235,.18), transparent 60%),
              radial-gradient(circle at 70% 20%, rgba(16,185,129,.14), transparent 55%);
  pointer-events:none;
}

.qrn-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .75rem;
  border-radius:999px;
  background: rgba(37,99,235,.10);
  color: #1d4ed8;
  border:1px solid rgba(37,99,235,.18);
  font-weight:700;
}

.qrn-trust{
  display:flex;flex-wrap:wrap;gap:.75rem;
}
.qrn-trust-item{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.35rem .65rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(229,231,235,.9);
  color: var(--muted);
  box-shadow: 0 8px 20px rgba(2,8,23,.04);
}
.qrn-trust-item i{color:#16a34a}

.qrn-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(229,231,235,.85);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.qrn-mini{
  display:flex;align-items:center;gap:.6rem;
  padding:.75rem .9rem;
  border-radius: 14px;
  border:1px solid rgba(229,231,235,.9);
  background:#fff;
  text-decoration:none;
  color: var(--text);
  transition:.15s ease;
}
.qrn-mini i{font-size:1.1rem;color:var(--primary)}
.qrn-mini:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(2,8,23,.08);
}

.qrn-type{
  border: 1px solid rgba(229,231,235,.9);
  border-radius: var(--radius);
  box-shadow: 0 10px 26px rgba(2,8,23,.05);
  overflow:hidden;
}
.qrn-ico{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background: rgba(37,99,235,.10);
  color: var(--primary);
  border:1px solid rgba(37,99,235,.15);
}
.qrn-soft{background: linear-gradient(180deg, var(--soft), #fff)}

.qrn-feature-card{
  background: #0b1220;
  color:#fff;
  border-radius: var(--radius);
  box-shadow: 0 18px 45px rgba(2,8,23,.18);
}
.qrn-feature-card .text-muted{color: rgba(255,255,255,.68)!important}

.qrn-mini-card{
  padding:1rem 1.1rem;
  border-radius: var(--radius);
  border:1px solid rgba(229,231,235,.9);
  background:#fff;
  text-decoration:none;
  color: var(--text);
  transition:.15s ease;
}
.qrn-mini-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(2,8,23,.08);
}
.qrn-mini-ico{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background: rgba(17,24,39,.06);
  border:1px solid rgba(17,24,39,.10);
}
.qrn-mini-ico i{font-size:1.15rem;color:#111827}

.qrn-note{
  background:#fff;
  border-radius: var(--radius);
  border:1px solid rgba(229,231,235,.9);
  box-shadow: 0 10px 26px rgba(2,8,23,.05);
}

.qrn-list{
  margin:0;
  padding-right: 1.1rem;
  color: var(--muted);
}
.qrn-list li{margin:.35rem 0}

.qrn-acc .accordion-item{
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid rgba(229,231,235,.9);
  box-shadow: 0 10px 26px rgba(2,8,23,.05);
  margin-bottom: .8rem;
}
.qrn-acc .accordion-button{
  font-weight:800;
}
.qrn-footer{
  border-top:1px solid rgba(229,231,235,.9);
  background: rgba(255,255,255,.8);
}