*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#05070b;color:#fff;direction:rtl}a{text-decoration:none;color:inherit}.container{width:min(1100px,92%);margin:auto}.hero{padding:62px 0 38px;text-align:center;background:radial-gradient(circle at top,#113c79 0,#07101f 38%,#05070b 72%)}.brand{font-size:clamp(36px,8vw,68px);font-weight:900;letter-spacing:.5px}.brand span{color:#2684ff}.subtitle{font-size:clamp(22px,5vw,34px);margin-top:14px;color:#dceaff}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:36px 0 70px}.day-card{background:#0d1420;border:1px solid #1d3963;border-radius:22px;padding:24px;box-shadow:0 12px 30px #0008;transition:.2s}.day-card:hover{transform:translateY(-4px);border-color:#2684ff}.day-card h2{font-size:22px;line-height:1.6;margin:0 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;background:#1677ff;color:#fff;font-weight:800;border:0}.btn:hover{background:#3d91ff}.topbar{position:sticky;top:0;z-index:5;background:#05070beF;backdrop-filter:blur(9px);border-bottom:1px solid #172132}.back{display:inline-block;padding:16px 0;color:#9fc8ff;font-weight:800}.page-title{text-align:center;padding:38px 0 18px;font-size:clamp(28px,6vw,48px)}.section-title{margin:32px 0 16px;color:#62a5ff;font-size:27px;border-right:5px solid #2684ff;padding-right:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.exercise{background:#0d1420;border:1px solid #1d2b42;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.exercise img{width:100%;height:230px;object-fit:contain;background:#fff}.exercise-body{padding:17px;display:flex;flex-direction:column;gap:6px;flex:1}.ar{font-size:20px;font-weight:900}.en{color:#a9bdd9;font-weight:700;direction:ltr;text-align:right}.exercise .btn{margin-top:12px;width:100%}.choice-box{grid-column:1/-1;background:#08111f;border:1px dashed #2684ff;border-radius:22px;padding:16px}.choice-note{text-align:center;color:#8fc0ff;font-size:20px;font-weight:900;margin:0 0 14px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.closing{margin:42px 0 72px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0f376a,#0c223f);font-size:19px;line-height:2;text-align:center;border:1px solid #2d73c8}.footer{text-align:center;color:#7990ad;padding:24px}.badge{display:inline-block;background:#0f2c55;color:#87baff;padding:7px 12px;border-radius:99px;font-weight:800;margin-bottom:10px}@media(max-width:800px){.days,.grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.hero{padding-top:46px}.exercise img{height:250px}.day-card{padding:20px}}
/* عرض التمارين البديلة داخل بطاقة واحدة */
.alternative-card{padding:18px;border-style:solid;background:#08111f}
.alternative-card .choice-note{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 16px}
.choice-number{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:7px 14px;border-radius:999px;background:#1677ff;color:#fff;font-size:16px;font-weight:900}
.choice-instruction{color:#dceaff;font-size:20px;font-weight:900}
.choice-stack{display:flex;flex-direction:column;gap:0;max-width:620px;margin:0 auto}
.choice-stack>.exercise{width:100%}
.or-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0;color:#fff;font-size:22px;font-weight:900}
.or-divider::before,.or-divider::after{content:"";height:1px;flex:1;background:#2684ff}
@media(max-width:800px){.alternative-card{padding:14px}.choice-instruction{font-size:18px}.or-divider{margin:12px 0}}

/* ترقيم التمارين وتوضيح البدائل */
.exercise-item{display:flex;flex-direction:column;gap:10px;min-width:0}
.exercise-number{display:block;width:max-content;max-width:100%;padding:8px 16px;border-radius:999px;background:#1677ff;color:#fff;font-size:18px;font-weight:900;box-shadow:0 6px 18px #0005}
.exercise-item>.exercise{flex:1}
.choice-number-top{margin:0 auto 16px;font-size:19px}
.alternative-card .choice-stack{display:flex;flex-direction:column;gap:0;max-width:620px;margin:0 auto}
.choose-one-note{text-align:center;margin:18px 0 2px;padding:12px 16px;border-radius:14px;background:#0f2c55;color:#dceaff;font-size:18px;font-weight:900}
@media(max-width:800px){.exercise-number{font-size:17px}.choice-number-top{margin-bottom:14px}.choose-one-note{font-size:17px}}

/* عرض البدائل أفقيًا داخل بطاقة واحدة وبنفس رقم التمرين */
.alternative-card .choice-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:none;
  width:100%;
  margin:0;
  align-items:stretch;
}
.alternative-card .choice-stack>.exercise{
  width:100%;
  min-width:0;
  height:100%;
}
.alternative-card .or-divider{display:none}
.alternative-card .exercise img{height:210px}
.alternative-card .exercise-body{padding:14px}
.alternative-card .ar{font-size:18px}
.alternative-card .en{font-size:14px;overflow-wrap:anywhere}
.alternative-card .btn{min-height:44px;padding:0 10px;font-size:15px}
.alternative-card .choose-one-note{margin-top:14px}
@media(max-width:800px){
  .alternative-card{padding:12px}
  .alternative-card .choice-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .alternative-card .exercise{border-radius:15px}
  .alternative-card .exercise img{height:150px}
  .alternative-card .exercise-body{padding:10px;gap:4px}
  .alternative-card .ar{font-size:15px;line-height:1.45}
  .alternative-card .en{font-size:12px;line-height:1.4}
  .alternative-card .btn{min-height:40px;margin-top:8px;padding:0 6px;border-radius:10px;font-size:12px}
  .alternative-card .choose-one-note{margin-top:12px;padding:10px;font-size:16px}
}
@media(max-width:380px){
  .alternative-card .exercise img{height:125px}
  .alternative-card .ar{font-size:14px}
  .alternative-card .en{font-size:11px}
  .alternative-card .btn{font-size:11px}
}
