/* بوابة الطالبات — لمسات العمق الخاصة بالمنصة (بعد depth.css) */

/* العناوين بخط العرض */
.hero h1, .banner h1, .sect-intro h2, .lc-head h2 { letter-spacing: 0; }
.hero h1 { font-size: 46px; text-shadow: 0 1px 0 #fff, 0 10px 30px rgba(46,127,184,.12); }
.hero h1 em { text-shadow: none; filter: drop-shadow(0 2px 0 rgba(31,92,136,.18)); }
.eyebrow { background: linear-gradient(180deg, #fff, #eaf3fa); box-shadow: 0 1px 0 #fff inset, 0 3px 0 #c9dcea, 0 8px 14px -8px rgba(var(--d-ink), .35); }

/* الصورة الرئيسية تطفو وتميل */
.hero-ph .ph { transform: none; border-radius: 28px; box-shadow: var(--d-sh-3); border: 6px solid #fff; }
.hero-ph .float { border-radius: 18px; box-shadow: var(--d-sh-2); background: linear-gradient(180deg, #fff, #f6fafc); }
.hero-ph .dot { box-shadow: inset 0 2px 2px rgba(255,255,255,.45), inset 0 -4px 6px rgba(0,0,0,.2), 0 5px 0 -1px rgba(0,0,0,.25); }
.hero-kpis div b { font-family: var(--disp); font-size: 34px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* بطاقات الأقسام */
.sec-card { border-radius: 26px; box-shadow: var(--d-sh-3); border: 5px solid #fff; }
.sec-card .tags span { box-shadow: 0 1px 0 rgba(255,255,255,.25) inset; }
.banner { box-shadow: 0 30px 50px -30px rgba(3,59,69,.6); }

/* أيقونات المهارات والمزايا مكعّبات */
.tcard .ti, .exam-card .ei {
  background: linear-gradient(145deg, var(--blue1), var(--blue2));
  box-shadow: inset 0 2px 2px rgba(255,255,255,.55), inset 0 -5px 8px rgba(0,0,0,.2), 0 7px 0 -1px var(--blue3), 0 14px 16px -6px rgba(var(--d-ink), .4);
  transform: translateY(-3px) rotate(-3deg); transition: transform .25s;
}
.tcard:hover .ti, .exam-card:hover .ei { transform: translateY(-6px) rotate(3deg); }
.feat .fi { background: linear-gradient(145deg, #f4f9fd, #dcebf6); box-shadow: inset 0 2px 2px #fff, 0 5px 0 -1px #b4cfe4, 0 10px 14px -6px rgba(var(--d-ink), .3); transform: rotate(-3deg); }
.ring { box-shadow: 0 6px 0 -2px rgba(var(--d-ink), .12), 0 14px 20px -10px rgba(var(--d-ink), .35); }
.ring > span { box-shadow: inset 0 3px 6px rgba(var(--d-ink), .14); }

/* بطاقة السؤال */
.qcard { box-shadow: var(--d-sh-3); }
.qtext { font-size: calc(20px*var(--fs)); }
.analogy span { background: linear-gradient(180deg, #fff, #eef4f8); box-shadow: 0 1px 0 #fff inset, 0 5px 0 var(--d-edge), 0 14px 18px -8px rgba(var(--d-ink), .35); }
.cmpbox div { background: linear-gradient(180deg, #fff, #f2f7fa); box-shadow: var(--d-in); border: 1px solid var(--line-2); }
.fig { box-shadow: var(--d-in); border-radius: 16px; }

/* الخيارات: أزرار لها سُمك تُضغط */
.choice {
  --c1: #ffffff; --c2: #f1f5f8; --c3: #c3d1da;
  background: linear-gradient(180deg, var(--c1), var(--c2));
  border: 1px solid var(--c3); border-radius: 16px;
  box-shadow: 0 1px 0 #fff inset, 0 4px 0 var(--c3), 0 10px 14px -8px rgba(var(--d-ink), .28);
  transform: translateY(0); transition: transform .12s, box-shadow .12s, background .15s;
}
.choice:hover { border-color: var(--c3); background: linear-gradient(180deg, var(--c1), var(--c2)); transform: translateY(-2px); box-shadow: 0 1px 0 #fff inset, 0 6px 0 var(--c3), 0 16px 18px -8px rgba(var(--d-ink), .3); }
.choice:active { transform: translateY(4px); box-shadow: 0 1px 0 #fff inset, 0 0 0 var(--c3), 0 2px 4px rgba(var(--d-ink), .25); }
.choice .l { background: linear-gradient(180deg, #fff, #e8eef2); border: 1px solid #c9d6de; box-shadow: 0 2px 0 #c9d6de; }
.choice.sel { --c1: #f2f8fd; --c2: #dcecf8; --c3: #8fbbe0; transform: translateY(2px); box-shadow: 0 1px 0 #fff inset, 0 2px 0 var(--c3), 0 6px 10px -6px rgba(31,92,136,.4); }
.choice.sel .l { background: linear-gradient(180deg, var(--blue1), var(--blue2)); border-color: var(--blue3); box-shadow: 0 2px 0 var(--blue3); }
.choice.right { --c1: #f1fbf6; --c2: #d9f2e5; --c3: #8ccfab; }
.choice.right .l { background: linear-gradient(180deg, var(--green1), var(--green2)); border-color: var(--green3); box-shadow: 0 2px 0 var(--green3); }
.choice.wrong { --c1: #fdf3f3; --c2: #f8dede; --c3: #e3a0a0; }
.choice.wrong .l { background: linear-gradient(180deg, var(--red1), var(--red2)); border-color: var(--red3); box-shadow: 0 2px 0 var(--red3); }

/* أرقام التقدّم */
.progress-dots button { background: linear-gradient(180deg, #fff, #eef3f6); border: 1px solid #cdd9e1; box-shadow: 0 2px 0 #cdd9e1; border-radius: 10px; }
.progress-dots button.cur { box-shadow: 0 2px 0 var(--blue3), 0 0 0 3px rgba(46,127,184,.2); }
.progress-dots button.ok { background: linear-gradient(180deg, #e9f8f0, #d4f0e2); box-shadow: 0 2px 0 #8ccfab; }
.progress-dots button.no { background: linear-gradient(180deg, #fdf1f1, #f8dddd); box-shadow: 0 2px 0 #e3a0a0; }
.progress-dots button.ans { background: linear-gradient(180deg, #f2f8fd, #dcecf8); box-shadow: 0 2px 0 #8fbbe0; }
.timer { background: linear-gradient(180deg, #fff, #f1f5f8); box-shadow: 0 1px 0 #fff inset, 0 3px 0 var(--d-edge); border-radius: 12px; }
.iconbtn { background: linear-gradient(180deg, #fff, #eef3f6); box-shadow: 0 1px 0 #fff inset, 0 3px 0 var(--d-edge); border-radius: 12px; transition: transform .1s, box-shadow .1s; }
.iconbtn:active { transform: translateY(3px); box-shadow: 0 0 0 var(--d-edge); }

/* لوحة المناقشة */
.disc { border-radius: 22px; box-shadow: var(--d-sh-3); border: 0; }
.disc-h { box-shadow: inset 0 -3px 0 rgba(0,0,0,.12); }
.passage { box-shadow: var(--d-sh-2), inset 0 0 60px rgba(184,137,58,.06); border-radius: 22px; }
.rules { box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 6px 0 -2px #01232a, var(--d-sh-3); }
.lesson .ex { box-shadow: var(--d-sh-1); border-radius: 16px; }

/* صفحة الدخول */
.login-card { border-radius: 26px; box-shadow: var(--d-sh-3); border: 1px solid rgba(var(--d-ink), .06); }
.lc-go { font-size: 17px; }
.login-art .brand-mk { width: 46px; height: 46px; }

/* المسودة والنتائج */
.kpi { background: linear-gradient(180deg, #fff, #f3f7f9); box-shadow: var(--d-in); border: 1px solid var(--line); }
.ring.xl { box-shadow: 0 10px 0 -4px rgba(var(--d-ink), .12), 0 24px 30px -14px rgba(var(--d-ink), .35); }
.rev-item { border-radius: 16px; box-shadow: var(--d-sh-1); }
.model { border-radius: 16px; box-shadow: 0 1px 0 #fff inset, 0 4px 0 var(--d-edge), 0 12px 16px -8px rgba(var(--d-ink), .3); transition: transform .12s, box-shadow .12s; }
.model:hover { transform: translateY(-2px); box-shadow: 0 1px 0 #fff inset, 0 6px 0 var(--d-edge), 0 18px 20px -8px rgba(var(--d-ink), .32); }
.model:active { transform: translateY(4px); box-shadow: 0 0 0 var(--d-edge); }

/* حقوق الصور */
.credits-list { display: grid; gap: 8px; font-size: 13.5px; }
.credits-list div { background: var(--tint); border-radius: 12px; padding: 8px 12px; }
.credits-list a { color: var(--g2); text-decoration: underline; }