/* MathsClick — الثيم الموحّد مع accueil.html (29 أكتوبر).
   يُحمَّل بعد <style> الصفحة في examens.html و bank.html و library.html: يعيد تعريف المتغيرات + الشريط العلوي الزجاجي + الشعار. */
:root{--bg:#E9EFFB;--fg:#0B1630;--muted:#4A5672;--line:#dbe3f0;--brand:#1D4ED8;--brand2:#2563EB;--gold:#F2B230;--soft:#f4f7fd;--acc:#14215A}
html,body{background:radial-gradient(900px 600px at 0% 0%,#bfdbfe 0,transparent 60%),radial-gradient(800px 560px at 100% 60%,#fde68a 0,transparent 58%),radial-gradient(700px 500px at 30% 100%,#ddd6fe 0,transparent 60%),#E9EFFB;background-attachment:fixed;min-height:100%}
html,body,button,select,input,textarea{font-family:'Readex Pro',Tajawal,Cairo,system-ui,sans-serif}
.top{position:sticky;top:8px;margin:10px 12px 0;border-radius:18px;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 16px 36px -22px rgba(11,22,48,.45)!important}
.top h1{color:var(--fg)!important;font-weight:700!important}
.mc-logo{display:inline-flex;align-items:center;gap:7px;text-decoration:none;direction:ltr;flex:none}
.mc-logo img{height:28px;width:auto;display:block;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.mc-logo:hover img{transform:rotate(-8deg) scale(1.08)}
.mc-logo span{font:800 17px 'Montserrat',sans-serif;color:#0B1630;letter-spacing:-.3px}.mc-logo b{color:#1D4ED8}
@media (max-width:640px){.mc-logo span{display:none}.top h1{font-size:16px!important}}
.btn{font-weight:600}
.btn{box-shadow:0 8px 18px -12px rgba(29,78,216,.7)}
.btn.ghost{background:rgba(255,255,255,.75);border-color:rgba(29,78,216,.35)}
.btn.gold{color:#0B1630}
.filters,.panel,.card,.cart,.side{background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-color:rgba(255,255,255,.85)}
:focus-visible{outline-color:#F2B230}
.btn:active,button:active{transform:scale(.97);transition-duration:.08s}