:root{
  --navy:#00184D;
  --primary:#0057C8;
  --primary2:#00A8F0;
  --green:#8BD300;
  --orange:#FF7A1A;
  --yellow:#FFC400;
  --red:#E8431D;
  --cream:#FFF7DF;
  --ink:#092341;
  --muted:#60748A;
  --paper:#ffffff;
  --soft:#EAF8FF;
  --line:#D7EFFF;
  --danger:#D93025;
  --success:#13945B;
  --shadow:0 22px 50px rgba(0,24,77,.16);
  --shadow2:0 10px 26px rgba(0,24,77,.11);
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; direction:rtl; color:var(--ink);
  font-family:Tahoma, Arial, sans-serif;
  background:
    radial-gradient(circle at 7% 9%, rgba(255,230,109,.55), transparent 18%),
    radial-gradient(circle at 92% 7%, rgba(18,183,255,.25), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(31,197,123,.12), transparent 28%),
    linear-gradient(180deg,#f4fbff 0%,#ffffff 56%,#fff8eb 100%);
  min-height:100vh;
}
a{color:inherit;text-decoration:none} img{max-width:100%}.container{width:min(1180px,92vw);margin:auto}
.bg-dots{position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(#9ed9ff 1.2px,transparent 1.2px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.topbar{position:sticky;top:0;z-index:20;background:rgba(246,252,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(214,237,255,.8)}
.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--primary)}.brand img{height:62px;width:auto}.brand-word{display:grid;line-height:1.25}.brand-word strong{font-size:25px}.brand-word span{font-size:13px;color:var(--muted);font-weight:700}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill,.nav-links a,.nav-links button{border:1px solid var(--line);background:white;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:var(--shadow2);font-family:inherit;font-size:15px;cursor:pointer}.logout{color:#b42318}.hero{padding:34px 0}.hero-panel{position:relative;overflow:hidden;border-radius:44px;background:linear-gradient(135deg,var(--navy) 0%,var(--primary) 36%,var(--primary2) 68%,var(--green) 100%);color:white;box-shadow:var(--shadow);padding:34px}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16)}.hero-panel:before{width:310px;height:310px;left:-90px;top:-130px}.hero-panel:after{width:230px;height:230px;right:-60px;bottom:-90px;background:rgba(255,230,109,.28)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.24;margin:0 0 14px;font-weight:900}.hero p{font-size:clamp(17px,2.2vw,22px);line-height:1.9;margin:0;opacity:.96}.hero-logo-card{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);border-radius:34px;padding:22px;backdrop-filter:blur(8px);text-align:center}.hero-logo-card img{width:min(360px,100%);filter:drop-shadow(0 14px 16px rgba(0,0,0,.14))}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);border-radius:22px;padding:13px;text-align:center}.stat strong{display:block;font-size:28px}.stat span{font-size:13px;font-weight:800}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:20px;padding:14px 20px;font-size:17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow2);font-family:inherit;cursor:pointer;transition:.18s transform,.18s filter}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn.primary{background:var(--orange);color:white}.btn.secondary{background:white;color:var(--primary)}.btn.green{background:var(--green);color:white}.btn.purple{background:var(--purple);color:white}.btn.ghost{background:#eef8ff;color:var(--primary);border:1px solid var(--line)}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.section-title{margin:0 0 8px;color:var(--primary);font-size:34px;font-weight:900}.section-sub{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow2);transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-4px);border-color:var(--primary2)}.card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-44px;top:-42px;background:rgba(18,183,255,.10)}.card-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:31px;background:linear-gradient(135deg,#EAF8FF,#FFF2B8);margin-bottom:12px}.card h3{margin:0 0 9px;color:var(--primary);font-size:25px}.card p{margin:0;color:var(--muted);line-height:1.8}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#FFF1B5;color:#8A4A00;border:1px solid #FFD46A;padding:8px 12px;font-size:14px;font-weight:900}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px}.letter-tile{background:white;border:2px solid var(--line);border-radius:26px;min-height:96px;display:grid;place-items:center;font-size:44px;font-weight:900;color:var(--primary);box-shadow:var(--shadow2);transition:.18s transform,.18s border-color;position:relative;overflow:hidden}.letter-tile:after{content:"";position:absolute;inset:auto -20px -34px auto;width:78px;height:78px;border-radius:50%;background:rgba(255,159,28,.12)}.letter-tile:hover{transform:translateY(-4px);border-color:var(--primary2)}.letter-tile small{display:block;font-size:12px;color:var(--muted);font-weight:800}.letter-tile.disabled{opacity:.55;filter:grayscale(.3);pointer-events:none}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:15px;margin:18px 0}.breadcrumb a{color:var(--primary);font-weight:900}.lesson-hero{margin-top:26px}.lesson-layout{display:grid;grid-template-columns:minmax(320px,500px) 1fr;gap:24px;align-items:start}.lesson-image{background:white;border:1px solid var(--line);border-radius:32px;padding:12px;box-shadow:var(--shadow);position:sticky;top:104px}.lesson-image img{border-radius:22px;display:block;width:100%}.lesson-tools{display:grid;gap:16px}.tool-box{background:white;border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow2)}.tool-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tool-title .icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#EAF8FF,#FFF2B8)}.tool-box h2{margin:0;color:var(--primary);font-size:25px}.tool-box p{margin:0 0 12px;color:var(--muted);line-height:1.8}audio,video{width:100%;border-radius:18px;background:#eef8ff}.audio-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.quiz button{padding:14px;border-radius:18px;border:2px solid var(--line);background:#f8fcff;color:var(--ink);font-size:18px;font-weight:900;cursor:pointer;font-family:inherit}.quiz button.correct{background:#e0f8ed;border-color:#21bd75;color:#0d6e46}.quiz button.wrong{background:#ffe8e8;border-color:#ff8080;color:#a82020}.status{min-height:28px;font-weight:900;margin-top:12px}.progress-wrap{height:12px;background:#e6f3ff;border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--green));border-radius:999px;transition:.25s width}.next-prev{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.footer{background:linear-gradient(135deg,var(--navy),#063B80);color:white;text-align:center;margin-top:46px;padding:24px 0;border-top-left-radius:34px;border-top-right-radius:34px}.footer p{margin:0;opacity:.9}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1040px,96vw);display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.login-showcase,.login-card{border-radius:38px;box-shadow:var(--shadow);overflow:hidden}.login-showcase{background:linear-gradient(135deg,var(--navy),var(--primary) 46%,var(--primary2) 72%,var(--green));color:white;padding:36px;display:flex;flex-direction:column;justify-content:center;position:relative}.login-showcase:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.16);left:-80px;top:-90px}.login-showcase>*{position:relative;z-index:1}.login-showcase img{display:block;width:min(420px,100%);margin:0 auto 18px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.16))}.login-showcase h1{font-size:clamp(34px,5vw,52px);margin:0 0 12px;text-align:center}.login-showcase p{font-size:20px;line-height:1.9;text-align:center;margin:0;opacity:.96}.login-card{background:white;border:1px solid var(--line);padding:34px}.login-card h2{margin:0 0 8px;color:var(--primary);font-size:32px}.login-card p{margin:0 0 20px;color:var(--muted);line-height:1.8}.form-group{display:grid;gap:8px;margin-bottom:15px}.form-group label{font-weight:900}.form-group input{border:2px solid var(--line);border-radius:19px;padding:15px 17px;font-size:18px;font-family:inherit;outline:none;background:#fbfdff}.form-group input:focus{border-color:#74caff;box-shadow:0 0 0 4px rgba(18,183,255,.14)}.error-msg{min-height:28px;color:var(--danger);font-weight:900;margin-top:12px}.login-hint{background:#f2f9ff;border:1px dashed #97d5ff;border-radius:20px;padding:13px;color:#275a7e;font-weight:800;line-height:1.8;margin-top:16px}.note{background:#FFF7DF;border:1px solid #FFD46A;border-radius:20px;padding:14px;color:#735000;font-weight:800;line-height:1.8}.empty-media{border:2px dashed #b8ddfa;border-radius:20px;padding:16px;background:#f7fcff;color:#41687f;line-height:1.8;font-weight:800}.dashboard-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.strip-item{background:white;border:1px solid var(--line);border-radius:24px;padding:16px;text-align:center;box-shadow:var(--shadow2)}.strip-item strong{display:block;color:var(--primary);font-size:24px}.strip-item span{color:var(--muted);font-size:14px;font-weight:800}.mobile-only{display:none}

.quick-activity{background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%)}
.activity-card{border:1px solid var(--line);border-radius:24px;padding:18px;margin-top:14px;background:#fff;box-shadow:var(--shadow2)}
.activity-card h3{margin:0 0 8px;color:var(--orange);font-size:22px;font-weight:900}
.activity-card p{margin:0 0 12px}.child-task{border-color:#bee8ff}.eval-task{border-color:#ffe29a;background:#fffdf4}.picture-quiz{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin-top:12px}.picture-quiz button{display:grid;place-items:center;gap:6px;padding:13px 10px;border-radius:20px;border:2px solid var(--line);background:#f8fcff;color:var(--ink);font-size:16px;font-weight:900;cursor:pointer;font-family:inherit}.picture-quiz button span{font-size:34px;line-height:1}.picture-quiz button b{font-size:17px}.picture-quiz button.correct{background:#e0f8ed;border-color:#21bd75;color:#0d6e46}.picture-quiz button.wrong{background:#ffe8e8;border-color:#ff8080;color:#a82020}.small-btn{padding:10px 15px;font-size:15px;border-radius:16px}
@media(max-width:920px){.hero-grid,.lesson-layout,.login-shell{grid-template-columns:1fr}.lesson-image{position:relative;top:auto}.nav{justify-content:center}.brand{width:100%;justify-content:center}.hero-panel{padding:24px}.stats{grid-template-columns:1fr 1fr}.quiz{grid-template-columns:1fr}.section-head{align-items:start}.login-card{padding:24px}.mobile-only{display:block}}
@media(max-width:520px){.brand img{height:52px}.brand-word strong{font-size:22px}.nav-links{justify-content:center}.stats{grid-template-columns:1fr}.letter-grid{grid-template-columns:repeat(3,1fr)}.letter-tile{min-height:82px;font-size:38px}.actions .btn{width:100%}.login-showcase,.login-card{border-radius:28px}}

.mini-help{margin-top:12px;background:#fffaf0;border:1px dashed var(--orange);border-radius:16px;padding:10px 12px;color:#5a3b00}.mini-help summary{cursor:pointer;font-weight:900}.audio-box audio{margin:10px 0 8px;border-radius:16px}


/* هوية علموني المستخرجة من اللوجو الرسمي */
.brand img{height:78px;filter:drop-shadow(0 8px 10px rgba(0,24,77,.12))}
.hero-logo-card img{width:min(430px,100%)}
.login-showcase img{width:min(520px,100%);margin-bottom:10px}
.login-showcase h1,.hero h1{letter-spacing:-.5px}
.login-showcase,.hero-panel{border:1px solid rgba(255,255,255,.35)}
.login-card,.card,.tool-box,.lesson-image{border-color:rgba(0,168,240,.22)}
.btn.primary{background:linear-gradient(135deg,var(--orange),var(--red));color:white}
.btn.secondary{background:white;color:var(--primary);border:1px solid rgba(0,168,240,.25)}
.btn.green{background:linear-gradient(135deg,var(--green),#35B85E);color:white}
.btn.purple{background:linear-gradient(135deg,#0057C8,#00A8F0);color:white}
.card-icon{box-shadow:inset 0 -8px 18px rgba(0,24,77,.07)}
.letter-tile{background:linear-gradient(180deg,#fff,#F4FBFF)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%, rgba(255,196,0,.16), transparent 20%),radial-gradient(circle at 87% 19%, rgba(0,168,240,.12), transparent 22%),radial-gradient(circle at 50% 96%, rgba(139,211,0,.10), transparent 30%);z-index:-1}
@media(max-width:520px){.brand img{height:64px}.login-showcase img{width:min(360px,100%)}}


/* v5 - بيانات الشراء والصورة الافتتاحية للفيديو */
.contact-strip{
  margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;
  background:rgba(255,255,255,.92);color:var(--navy);border:2px solid rgba(255,196,0,.92);
  border-radius:24px;padding:12px 16px;box-shadow:0 12px 26px rgba(0,24,77,.12);font-weight:900;
}
.contact-strip span{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;border-radius:999px;padding:7px 12px}
.contact-strip strong{color:var(--primary);font-size:18px}.contact-strip b{direction:ltr;unicode-bidi:embed;color:var(--red);font-size:20px}
.contact-card{background:linear-gradient(135deg,#fff,#FFF7DF);border:2px solid rgba(255,196,0,.9)}
.contact-card p{font-size:18px}.contact-card bdi{direction:ltr;unicode-bidi:embed;color:var(--red);font-weight:900;font-size:22px}
.purchase-box{background:linear-gradient(135deg,#fff,#FFF7DF);border:2px solid rgba(255,196,0,.9)!important;text-align:center}
.purchase-box p{margin:8px 0;color:var(--primary);font-size:20px}.purchase-box .phone-line{direction:ltr;unicode-bidi:embed;color:var(--red);font-size:30px;font-weight:900}
video[poster]{background:#00184D;border:4px solid rgba(255,196,0,.55)}
.footer p{line-height:1.9;font-weight:800}
@media(max-width:520px){.contact-strip{font-size:14px}.contact-strip strong{font-size:15px}.contact-strip b{font-size:17px}.purchase-box .phone-line{font-size:24px}}


/* v7 - نشاط تلوين حرف الألف بالماوس أو الإصبع */
.coloring-task{background:linear-gradient(180deg,#fff 0%,#F3FBFF 100%);border-color:rgba(0,168,240,.45)!important}
.coloring-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 14px}
.coloring-toolbar label{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:10px 12px;font-weight:900;color:var(--primary)}
.coloring-toolbar input[type="color"]{width:42px;height:34px;border:0;background:transparent;cursor:pointer}
.coloring-toolbar input[type="range"]{width:130px;accent-color:var(--primary2)}
.coloring-board{background:linear-gradient(135deg,#EAF8FF,#FFFFFF 55%,#FFF4CE);border:3px dashed rgba(0,87,200,.35);border-radius:26px;padding:12px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.65)}
#alefCanvas{display:block;width:100%;max-width:640px;margin:auto;border-radius:20px;background:#fff;box-shadow:var(--shadow2);touch-action:none;cursor:crosshair}
@media(max-width:520px){.coloring-toolbar{gap:8px}.coloring-toolbar label{width:100%;justify-content:space-between}.coloring-toolbar input[type="range"]{width:46%}.coloring-toolbar .btn{flex:1}}

/* v8 - نشاط التوصيل واتجاهات التلوين */
.direction-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:10px 0 12px}
.direction-steps span{background:#fff;border:2px solid rgba(255,196,0,.65);border-radius:18px;padding:10px 12px;font-weight:900;color:#5b3b00;line-height:1.6}
.direction-steps b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--red));color:white;margin-left:6px}
.matching-task{background:linear-gradient(180deg,#fff 0%,#FFFDF2 100%);border-color:rgba(255,196,0,.75)!important}
.matching-area{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;margin:14px 0 10px;min-height:230px;padding:8px}
.match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.match-line{stroke:#FF7A1A;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.match-col{position:relative;z-index:1;display:grid;gap:12px}
.match-col:before{content:attr(data-title);font-weight:900;color:var(--primary);text-align:center}
.match-col button{border:2px solid var(--line);background:white;border-radius:20px;padding:14px 12px;font-family:inherit;cursor:pointer;min-height:60px;box-shadow:var(--shadow2);font-weight:900;color:var(--ink);transition:.15s transform,.15s border-color,.15s background}
.match-col button:hover{transform:translateY(-2px);border-color:var(--primary2)}
.match-col button span{display:block;font-size:24px;color:var(--primary);font-weight:900}
.match-col button b{display:block;font-size:15px;color:var(--muted);margin-top:4px}
.match-col button.selected{background:#EAF8FF;border-color:#00A8F0;box-shadow:0 0 0 4px rgba(0,168,240,.14)}
.match-col button.matched{background:#E0F8ED;border-color:#21BD75;color:#0d6e46}
.match-col button.matched span{color:#0d6e46}
.match-col button.wrong{background:#FFE8E8;border-color:#FF8080;color:#A82020;animation:shakeMatch .22s linear 2}
@keyframes shakeMatch{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.movements:before{content:'الحركة'}
.words:before{content:'الكلمة'}
@media(max-width:640px){.matching-area{grid-template-columns:1fr 1fr;gap:18px;padding:4px}.match-col button{padding:12px 8px}.match-col button span{font-size:20px}.match-line{stroke-width:5}}


/* v9 - صندوق أغنية الحرف */
.song-box{background:linear-gradient(135deg,#ffffff 0%,#FFF8DF 42%,#EAF8FF 100%);border:2px solid rgba(255,196,0,.45)}
.song-box .tool-title .icon{background:linear-gradient(135deg,#FFC400,#FF7A1A);color:white}
.song-box audio{margin:10px 0 12px;border:2px solid rgba(255,122,26,.22);box-shadow:0 12px 25px rgba(255,122,26,.08)}
.song-note{border-color:#FFD46A;background:#FFFBEA;color:#735000}


/* v10 - تأسيس خريطة الأقسام والفروع */
.site-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.section-card .branch-count{display:inline-flex;margin-top:14px;background:#fff4cf;color:#7a4b00;border:1px solid #ffd36a;border-radius:999px;padding:7px 12px;font-weight:900;font-size:13px}
.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:20px}
.branch-tile{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2);padding:18px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;overflow:hidden;transition:.18s transform,.18s border-color}
.branch-tile:hover{transform:translateY(-3px);border-color:var(--primary2)}
.branch-tile:before{content:"";position:absolute;left:-34px;top:-34px;width:86px;height:86px;border-radius:50%;background:rgba(255,196,0,.22)}
.branch-tile .branch-symbol{position:relative;font-size:42px;line-height:1;font-weight:900;color:var(--primary)}
.branch-tile h3{position:relative;margin:0;color:var(--primary);font-size:21px}
.branch-tile p{position:relative;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.status-badge{display:inline-flex;align-self:flex-start;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;background:#EAF8FF;color:#075985;border:1px solid #BAE6FD}
.status-ready{background:#E8FFD9;color:#276900;border-color:#b8eb8a}.status-soon{background:#FFF5D7;color:#7A4B00;border-color:#FFD46A}
.foundation-panel{background:white;border:1px solid var(--line);border-radius:34px;padding:24px;box-shadow:var(--shadow2);margin-top:18px}.foundation-panel h2{margin:0 0 12px;color:var(--primary)}.foundation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.foundation-list span{background:#f4fbff;border:1px solid var(--line);border-radius:18px;padding:12px;font-weight:800;color:var(--ink)}
.placeholder-lesson{max-width:920px;margin:0 auto}.placeholder-card{background:white;border:1px solid var(--line);border-radius:34px;padding:28px;box-shadow:var(--shadow);text-align:center}.placeholder-icon{width:92px;height:92px;border-radius:32px;display:grid;place-items:center;margin:0 auto 14px;font-size:42px;background:linear-gradient(135deg,#EAF8FF,#FFF2B8)}.placeholder-card h1{color:var(--primary);font-size:42px;margin:8px 0}.placeholder-card p{color:var(--muted);font-size:18px;line-height:1.9}.module-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0}.module-slots div{background:#f8fcff;border:1px dashed #9bdcff;border-radius:18px;padding:14px;font-weight:900}.coming-watermark{display:inline-flex;border-radius:999px;background:#fff4cf;color:#7a4b00;border:1px solid #ffd36a;padding:8px 14px;font-weight:900}.mini-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}.mini-stat-grid div{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:14px;text-align:center;font-weight:900}.mini-stat-grid strong{display:block;font-size:30px}
@media(max-width:720px){.branch-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.branch-tile{min-height:118px}.branch-tile .branch-symbol{font-size:34px}.placeholder-card h1{font-size:32px}}


/* v11 - دمج صور الأقسام داخل الموقع */
.card-media{position:relative;display:block;margin:-8px -8px 14px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f5fbff,#fff7df);border:1px solid rgba(0,168,240,.14)}
.card-media img{display:block;width:100%;height:180px;object-fit:cover}
.card-icon.small-icon{width:54px;height:54px;font-size:27px;border-radius:18px;position:absolute;left:14px;bottom:14px;margin:0;box-shadow:0 10px 20px rgba(0,24,77,.12);background:rgba(255,255,255,.92);backdrop-filter:blur(4px)}
.section-cover{background:white;border:1px solid var(--line);border-radius:34px;padding:14px;box-shadow:var(--shadow2);margin-bottom:24px;overflow:hidden}
.section-cover img{display:block;width:100%;border-radius:24px;max-height:460px;object-fit:cover}
.section-cover .cover-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 10px 4px}
.section-cover .cover-caption p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.section-cover .cover-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#f4fbff;border:1px solid var(--line);padding:8px 12px;font-weight:900;color:var(--primary)}
.cards .card .card-media img{height:165px}
.site-map-grid .section-card .card-media img{height:170px}
@media(max-width:640px){.card-media img,.cards .card .card-media img,.site-map-grid .section-card .card-media img{height:145px}.section-cover img{max-height:none}}


/* v12 - نظام الحسابات والأكواد والنقاط */
.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:18px}
.role-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow2)}
.role-card h3{margin:0 0 8px;color:var(--primary);font-size:23px}.role-card p{margin:0;color:var(--muted);line-height:1.8}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.full-span{grid-column:1/-1}
.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow2)}
.panel-card h3{margin:0 0 8px;color:var(--primary);font-size:24px}.panel-card p{margin:0;color:var(--muted);line-height:1.8}.panel-number{font-size:46px;font-weight:900;color:var(--orange);line-height:1}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow2)}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:14px 16px;text-align:right;border-bottom:1px solid #eef7ff}.data-table th{background:#f4fbff;color:var(--primary);font-weight:900}.data-table tr:last-child td{border-bottom:0}.badge-role{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;border:1px solid var(--line);background:#f4fbff;color:var(--primary)}.badge-used{background:#ffe8e8;color:#a82020;border-color:#ffb3b3}.badge-free{background:#e0f8ed;color:#0d6e46;border-color:#8ee0b8}
.account-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.account-tabs .pill{cursor:default}.demo-accounts{display:grid;gap:8px;margin-top:14px}.demo-accounts button{border:1px solid var(--line);border-radius:16px;background:#f8fcff;padding:10px 12px;font-family:inherit;font-weight:900;cursor:pointer;text-align:right;color:var(--primary)}
.guard-note{background:#fff7df;border:1px solid #ffd36a;border-radius:22px;padding:14px;color:#735000;font-weight:800;line-height:1.8;margin-top:14px}.activation-result{min-height:34px;font-weight:900;margin-top:12px}.dashboard-hero{padding:24px 0 8px}.dashboard-hero .hero-panel{padding:28px}.code-output{direction:ltr;unicode-bidi:embed;background:#00184D;color:#fff;border-radius:18px;padding:14px;font-weight:900;margin-top:12px;display:none;line-height:1.9}.locked-media{filter:grayscale(.3);opacity:.72}.small-link{font-weight:900;color:var(--primary);text-decoration:underline;text-underline-offset:4px}.student-profile{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.avatar{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:36px;background:linear-gradient(135deg,#eaf8ff,#fff2b8);box-shadow:var(--shadow2)}.meter{height:14px;background:#e8f4ff;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--green));border-radius:999px}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.quick-links a{border-radius:999px;padding:10px 14px;background:#fff;border:1px solid var(--line);font-weight:900;box-shadow:var(--shadow2);color:var(--primary)}
@media(max-width:640px){.panel-number{font-size:36px}.login-shell{grid-template-columns:1fr}.data-table{min-width:620px}}


/* v16 Professional UI polish */
:root{--purple:#7c3aed;--soft-orange:#fff3e8;--soft-green:#eefbe8}
.topbar{box-shadow:0 8px 24px rgba(0,24,77,.06)}
.nav{min-height:74px}.brand img{height:54px}.brand-word strong{font-size:23px}.nav-links a,.nav-links button{padding:10px 15px;box-shadow:0 8px 22px rgba(0,24,77,.08)}
.pro-section-hero{display:grid;grid-template-columns:1.05fr .75fr;gap:28px;align-items:center;border-radius:42px;padding:28px;background:linear-gradient(135deg,#ffffff 0%,#f2fbff 42%,#fff7df 100%);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.pro-section-hero:before{content:"";position:absolute;width:230px;height:230px;left:-75px;top:-80px;border-radius:50%;background:rgba(255,196,0,.22)}.pro-section-hero:after{content:"";position:absolute;width:160px;height:160px;right:-50px;bottom:-50px;border-radius:50%;background:rgba(0,168,240,.16)}.pro-section-hero>*{position:relative;z-index:1}.pro-hero-text h1{margin:10px 0 12px;font-size:clamp(34px,5vw,56px);color:var(--primary);line-height:1.2;font-weight:900}.pro-hero-text p{margin:0;color:var(--muted);font-size:19px;line-height:1.9}.pro-hero-media{background:linear-gradient(135deg,#0057c8,#00a8f0,#8bd300);border-radius:34px;min-height:270px;display:grid;place-items:center;padding:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.pro-hero-media img{max-height:285px;width:100%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.18))}.professional-head{margin-top:30px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.lesson-card{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2);padding:20px;min-height:160px;display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden;transition:.18s transform,.18s border-color}.lesson-card:hover{transform:translateY(-4px);border-color:var(--primary2)}.lesson-card:before{content:"";position:absolute;left:-42px;top:-42px;width:108px;height:108px;border-radius:50%;background:rgba(255,196,0,.22)}.lesson-card>*{position:relative;z-index:1}.lesson-number,.letter-big{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf8ff,#fff2b8);font-size:50px;font-weight:900;color:var(--primary);box-shadow:0 10px 22px rgba(0,24,77,.10)}.letter-big{font-size:54px}.lesson-info h3{margin:0 0 5px;color:var(--primary);font-size:22px}.lesson-info p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.status-ready{background:#e0f8ed!important;color:#0d6e46!important;border-color:#8ee0b8!important}.section-cover{padding:18px;background:#fff}.section-cover img{max-height:340px;object-fit:contain;background:linear-gradient(135deg,#f6fcff,#fff7df)}.card-media img{object-fit:contain;background:linear-gradient(135deg,#f6fcff,#fff7df)}.polished-lesson-card{background:white;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow);text-align:center}.polished-lesson-icon{width:92px;height:92px;border-radius:32px;display:grid;place-items:center;margin:0 auto 14px;font-size:42px;background:linear-gradient(135deg,#EAF8FF,#FFF2B8)}.lesson-watermark{display:inline-flex;border-radius:999px;background:#eaf8ff;color:#075985;border:1px solid #b7e6ff;padding:8px 14px;font-weight:900}.student-action-strip{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 8px}.guard-note{background:#fffaf0}.login-card .guard-note{background:#eaf8ff;border-color:#b7e6ff;color:#075985}.login-showcase p{font-size:19px}.contact-strip{border-radius:24px}.branch-tile .status-badge{background:#e0f8ed;color:#0d6e46;border-color:#8ee0b8}.branch-tile p{color:#49677f}.branch-symbol{letter-spacing:.02em}
@media(max-width:760px){.pro-section-hero{grid-template-columns:1fr;padding:22px;border-radius:30px}.pro-hero-media{min-height:190px}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px}.lesson-card{padding:16px;min-height:145px}.lesson-number,.letter-big{width:70px;height:70px;font-size:40px}.nav{justify-content:center}.nav-links{justify-content:center}.brand{width:100%;justify-content:center}.brand-word{text-align:right}.section-title{font-size:28px}}

/* =========================================================
   Taalamony v20 - Polished Section Icons
   تحسين شكل أيقونات كروت الأقسام في الصفحة الرئيسية وكل الأقسام
   ========================================================= */
.cards,
.site-map-grid{
  gap:22px;
}

.cards .card,
.site-map-grid .section-card{
  border-radius:32px;
  padding:20px;
  border:1px solid rgba(0,168,240,.18);
  background:linear-gradient(180deg,#ffffff 0%,#fbfeff 100%);
  box-shadow:0 16px 34px rgba(0,24,77,.08);
}

.cards .card:hover,
.site-map-grid .section-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,168,240,.48);
  box-shadow:0 22px 44px rgba(0,24,77,.13);
}

.cards .card .card-media,
.site-map-grid .section-card .card-media{
  height:168px;
  margin:0 0 16px;
  border-radius:28px;
  border:1px solid rgba(0,168,240,.18);
  background:
    radial-gradient(circle at 18% 18%,rgba(255,211,106,.45) 0 17%,transparent 18%),
    radial-gradient(circle at 86% 26%,rgba(18,183,255,.20) 0 20%,transparent 21%),
    linear-gradient(135deg,#f5fcff 0%,#ffffff 52%,#fff7df 100%);
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
}

.cards .card .card-media:before,
.site-map-grid .section-card .card-media:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:24px;
  border:1px dashed rgba(0,168,240,.18);
  z-index:1;
  pointer-events:none;
}

.cards .card .card-media img,
.site-map-grid .section-card .card-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.16;
  filter:saturate(.82) contrast(1.05);
  transform:scale(1.08);
  z-index:0;
}

.cards .card .card-icon.small-icon,
.site-map-grid .section-card .card-icon.small-icon{
  position:relative;
  left:auto;
  bottom:auto;
  top:auto;
  transform:none;
  z-index:2;
  width:104px;
  height:104px;
  border-radius:34px;
  font-size:54px;
  margin:0;
  background:linear-gradient(145deg,#ffffff 0%,#f0fbff 48%,#fff3c4 100%);
  border:3px solid rgba(255,255,255,.96);
  box-shadow:
    0 18px 34px rgba(0,24,77,.16),
    inset 0 0 0 1px rgba(0,168,240,.14);
}

.cards .card h3,
.site-map-grid .section-card h3{
  text-align:center;
  font-size:26px;
  margin:4px 0 8px;
  line-height:1.35;
}

.cards .card p,
.site-map-grid .section-card p{
  text-align:center;
  font-size:15.5px;
  line-height:1.75;
}

.site-map-grid .section-card .branch-count{
  display:flex;
  width:max-content;
  margin:14px auto 0;
  border-radius:999px;
  padding:8px 14px;
  background:#eef9ff;
  border:1px solid rgba(0,168,240,.22);
  color:var(--primary);
  font-weight:900;
}

.cards .contact-card{
  display:flex;
  min-height:282px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-color:rgba(255,184,0,.62);
  background:
    radial-gradient(circle at 18% 18%,rgba(255,211,106,.35),transparent 32%),
    linear-gradient(135deg,#fffdf6,#fff7df);
}

.cards .contact-card .card-icon{
  width:96px;
  height:96px;
  border-radius:32px;
  font-size:48px;
  margin:0 auto 14px;
  box-shadow:0 16px 32px rgba(122,76,0,.13);
}

.cards .contact-card h3{
  font-size:30px;
}

@media(max-width:640px){
  .cards .card .card-media,
  .site-map-grid .section-card .card-media{
    height:146px;
  }
  .cards .card .card-icon.small-icon,
  .site-map-grid .section-card .card-icon.small-icon{
    width:88px;
    height:88px;
    border-radius:28px;
    font-size:46px;
  }
  .cards .card h3,
  .site-map-grid .section-card h3{
    font-size:23px;
  }
}


/* v21: مراجعة صور الأقسام — كل قسم له أيقونة مستقلة، ومنع ظهور صور مشتركة بنص خاطئ */
.cards .card .card-media,
.site-map-grid .section-card .card-media{
  background:linear-gradient(135deg,#f8fdff 0%,#ffffff 50%,#fff7df 100%);
}
.cards .card .card-media img,
.site-map-grid .section-card .card-media img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  z-index:1!important;
  padding:8px;
  box-sizing:border-box;
}
.cards .card .card-icon.small-icon,
.site-map-grid .section-card .card-icon.small-icon{
  position:absolute!important;
  left:12px!important;
  bottom:12px!important;
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  font-size:29px!important;
  margin:0!important;
  background:rgba(255,255,255,.94)!important;
  border:2px solid rgba(255,255,255,.98)!important;
  box-shadow:0 10px 20px rgba(0,24,77,.14)!important;
  z-index:3!important;
}
.section-cover img[src*="section-icons"]{
  max-height:360px!important;
  object-fit:contain!important;
  padding:10px;
  box-sizing:border-box;
  background:linear-gradient(135deg,#f8fdff,#fff7df)!important;
}

/* =========================================================
   Taalamony v22 - مراجعة صفحة حرف الألف
   ========================================================= */
.alef-v22-page .lesson-hero{margin-top:0;padding-top:20px}
.alef-v22-page main{padding-top:8px}
.alef-panel-v22{border-radius:36px;padding:28px;background:linear-gradient(135deg,#0057C8 0%,#00A8F0 58%,#8BD300 100%)}
.alef-panel-v22 .hero-grid{grid-template-columns:1fr 300px;gap:26px}
.alef-panel-v22 h1{font-size:clamp(38px,5.2vw,68px);margin:8px 0 12px}
.alef-panel-v22 p strong{color:#fff7b4}
.alef-samples-v22{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.alef-samples-v22 span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.36);border-radius:18px;padding:10px 14px;font-weight:900;color:white;box-shadow:0 10px 22px rgba(0,24,77,.10)}
.alef-samples-v22 b{font-size:25px;color:#fff0a6}
.alef-letter-card-v22{min-height:250px;display:grid;place-items:center;padding:22px;background:rgba(255,255,255,.20)}
.alef-letter-card-v22 .big-letter{font-size:142px;font-weight:900;line-height:.9;color:white;text-shadow:0 10px 28px rgba(0,24,77,.20)}
.alef-letter-card-v22 p{margin:0;font-size:28px;font-weight:900;color:white}
.alef-letter-card-v22 small{display:block;color:#fff7d1;font-weight:900;font-size:15px}
.alef-layout-v22{grid-template-columns:minmax(300px,470px) minmax(0,1fr);gap:28px}
.alef-book-v22{top:94px;padding:16px;border-radius:34px;background:linear-gradient(180deg,#ffffff,#f8fdff)}
.book-head-v22{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.book-head-v22 span{font-weight:900;color:var(--primary);font-size:18px}
.book-head-v22 a{background:#eef8ff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:900;color:var(--primary);font-size:14px}
.alef-book-v22 img{max-height:720px;object-fit:contain;background:white}
.lesson-step-v22{position:relative;overflow:hidden;padding-top:26px}
.step-badge-v22{position:absolute;top:16px;left:16px;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;color:white;font-weight:900;font-size:22px;box-shadow:0 12px 24px rgba(0,24,77,.14)}
.step-blue{border-color:rgba(0,168,240,.28);background:linear-gradient(180deg,#fff,#f7fcff)}
.step-blue .step-badge-v22{background:#0057C8}
.step-green{border-color:rgba(33,189,117,.28);background:linear-gradient(180deg,#fff,#f6fff9)}
.step-green .step-badge-v22{background:#21bd75}
.step-orange{border-color:rgba(255,159,28,.35);background:linear-gradient(180deg,#fff,#fff9ee)}
.step-orange .step-badge-v22{background:#ff7a1a}
.step-navy{border-color:rgba(0,24,77,.22);background:linear-gradient(180deg,#fff,#f5f9ff)}
.step-navy .step-badge-v22{background:#00184D}
.step-purple{border-color:rgba(124,58,237,.22);background:linear-gradient(180deg,#fff,#fbf8ff)}
.step-purple .step-badge-v22{background:#7c3aed}
.friendly-status-v22{background:#f7fcff;border:1px dashed #b8ddfa;border-radius:16px;padding:11px 13px;color:#41687f;min-height:auto}
.word-cards-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.word-cards-v22 div{background:white;border:1px solid var(--line);border-radius:24px;padding:16px;text-align:center;box-shadow:var(--shadow2)}
.word-cards-v22 span{display:block;font-size:44px;margin-bottom:8px}
.word-cards-v22 b{display:block;font-size:24px;color:var(--primary);margin-bottom:5px}
.word-cards-v22 small{display:inline-flex;background:#fff2b8;color:#8a4a00;border-radius:999px;padding:4px 10px;font-weight:900}
.progress-box-v22{background:linear-gradient(135deg,#ffffff,#f2fbff)}
.qr-box-v22 img{width:140px;margin-top:12px;border:10px solid white;border-radius:18px;box-shadow:var(--shadow2)}
.contact-v22{background:linear-gradient(135deg,#fffdf6,#fff7df);border-color:rgba(255,184,0,.45)}
.alef-v22-page .tool-box p{font-size:16px}
.alef-v22-page .activity-card h3{color:var(--primary)}
.alef-v22-page .next-prev{margin-top:8px}
@media(max-width:1040px){.alef-panel-v22 .hero-grid,.alef-layout-v22{grid-template-columns:1fr}.alef-book-v22{position:relative;top:auto;order:-1}.alef-book-v22 img{max-height:none}.alef-letter-card-v22{min-height:210px}.word-cards-v22{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.alef-panel-v22{padding:22px;border-radius:28px}.alef-samples-v22 span{width:100%;justify-content:center}.word-cards-v22{grid-template-columns:1fr}.step-badge-v22{width:36px;height:36px;border-radius:14px;font-size:19px}.alef-letter-card-v22 .big-letter{font-size:110px}}


/* v23 - Arabic letters matched with PDF book v8 */
.pdf-letter-v23 main{padding-top:32px}
.pdf-letter-hero-v23{padding:42px 0 22px;background:linear-gradient(135deg,#eaf7ff 0%,#fffaf0 100%)}
.pdf-letter-panel-v23{background:rgba(255,255,255,.92);border:1px solid #cfefff;border-radius:28px;box-shadow:0 20px 45px rgba(0,91,170,.10);padding:28px;position:relative;overflow:hidden}
.pdf-letter-panel-v23:before{content:"";position:absolute;inset:auto -70px -90px auto;width:230px;height:230px;background:#fff0b8;border-radius:50%;opacity:.55}
.pdf-letter-grid-v23{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center;position:relative;z-index:1}
.pdf-letter-grid-v23 h1{font-size:clamp(34px,5vw,58px);margin:10px 0;color:#0357c8;font-weight:900}
.pdf-letter-grid-v23 p{font-size:18px;line-height:1.9;color:#41536f;margin:0 0 18px}
.pdf-badge-v23{display:inline-flex;align-items:center;gap:8px;background:#e7f6ff;color:#0057c8;border:1px solid #b9e7ff;border-radius:999px;padding:8px 15px;font-weight:800}
.pdf-letter-card-v23{background:linear-gradient(180deg,#ffffff,#f4fbff);border:2px solid #bde9ff;border-radius:24px;text-align:center;padding:22px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.5)}
.pdf-letter-card-v23 .big{font-size:108px;line-height:1;color:#0057c8;text-shadow:0 6px 0 rgba(0,87,200,.10);font-weight:900}
.pdf-letter-card-v23 .moves{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.pdf-letter-card-v23 .moves span{background:#fff;border:1px solid #d9eefe;border-radius:999px;padding:6px 12px;font-weight:800;color:#224d82}
.pdf-layout-v23{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:28px;align-items:start}
.pdf-book-card-v23{position:sticky;top:96px;background:#fff;border:1px solid #cdefff;border-radius:26px;padding:18px;box-shadow:0 18px 40px rgba(0,80,160,.12)}
.pdf-book-card-v23 .book-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.pdf-book-card-v23 .book-head span{font-weight:900;color:#0057c8;font-size:20px}
.pdf-book-card-v23 .book-head a{background:#eff9ff;border:1px solid #c7ebff;color:#0057c8;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}
.pdf-book-card-v23 img{width:100%;height:auto;border-radius:18px;border:3px solid #1668ff;display:block;background:#fff}
.pdf-tools-v23{display:grid;gap:18px}
.pdf-tool-v23{background:rgba(255,255,255,.95);border:1px solid #d9efff;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(0,80,160,.08)}
.pdf-tool-title-v23{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#0057c8}
.pdf-tool-title-v23 .icon{font-size:26px;background:#fff5c7;border:1px solid #ffe28a;border-radius:14px;width:46px;height:46px;display:grid;place-items:center}
.pdf-tool-title-v23 h2{margin:0;font-size:24px}
.pdf-tool-v23 p{color:#52677f;line-height:1.9;margin:0 0 14px;font-size:16px}
.pdf-step-list-v23{display:grid;gap:10px;margin-top:10px}
.pdf-step-list-v23 div{background:#f7fbff;border:1px dashed #b8e3ff;border-radius:16px;padding:12px 14px;font-weight:700;color:#244766}
.pdf-action-row-v23{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.media-wait-v23{background:#fff9e8;border:1px dashed #ffc34d;color:#8a5a00;border-radius:16px;padding:14px;font-weight:800;text-align:center}
.pdf-note-v23{background:#f0fff4;border:1px dashed #91dda6;color:#11612a;border-radius:16px;padding:12px 14px;font-weight:800}
@media (max-width: 980px){.pdf-letter-grid-v23,.pdf-layout-v23{grid-template-columns:1fr}.pdf-book-card-v23{position:static;order:-1}.pdf-letter-card-v23 .big{font-size:86px}}


/* v24 - integrated section books */
.section-book-actions-v24{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px;align-items:center}
.book-lesson-v24 main{padding-top:28px}
.book-hero-v24{padding:38px 0 20px;background:linear-gradient(135deg,#eaf7ff 0%,#fffaf0 100%)}
.book-panel-v24{background:rgba(255,255,255,.94);border:1px solid #cfefff;border-radius:30px;box-shadow:0 20px 45px rgba(0,91,170,.10);padding:28px;position:relative;overflow:hidden}
.book-panel-v24:before{content:"";position:absolute;inset:auto -80px -100px auto;width:250px;height:250px;background:#fff0b8;border-radius:50%;opacity:.55}
.book-grid-v24{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;position:relative;z-index:1}
.book-grid-v24 h1{font-size:clamp(32px,5vw,56px);margin:10px 0;color:#0357c8;font-weight:900;line-height:1.25}
.book-grid-v24 p{font-size:18px;line-height:1.9;color:#41536f;margin:0 0 18px}
.book-badge-v24{display:inline-flex;align-items:center;gap:8px;background:#e7f6ff;color:#0057c8;border:1px solid #b9e7ff;border-radius:999px;padding:8px 15px;font-weight:800}
.book-symbol-card-v24{background:linear-gradient(180deg,#ffffff,#f4fbff);border:2px solid #bde9ff;border-radius:24px;text-align:center;padding:22px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.5)}
.book-symbol-card-v24 .big{font-size:86px;line-height:1;color:#0057c8;text-shadow:0 6px 0 rgba(0,87,200,.10);font-weight:900;word-break:break-word}
.book-symbol-card-v24 .meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.book-symbol-card-v24 .meta span{background:#fff;border:1px solid #d9eefe;border-radius:999px;padding:6px 12px;font-weight:800;color:#224d82}
.book-layout-v24{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:28px;align-items:start}
.book-page-card-v24{position:sticky;top:96px;background:#fff;border:1px solid #cdefff;border-radius:26px;padding:18px;box-shadow:0 18px 40px rgba(0,80,160,.12)}
.book-page-card-v24 .book-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.book-page-card-v24 .book-head span{font-weight:900;color:#0057c8;font-size:20px}
.book-page-card-v24 .book-head a{background:#eff9ff;border:1px solid #c7ebff;color:#0057c8;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}
.book-page-card-v24 img{width:100%;height:auto;border-radius:18px;border:3px solid #1668ff;display:block;background:#fff}
.book-tools-v24{display:grid;gap:18px}
.book-tool-v24{background:rgba(255,255,255,.95);border:1px solid #d9efff;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(0,80,160,.08)}
.book-tool-title-v24{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#0057c8}
.book-tool-title-v24 .icon{font-size:26px;background:#fff5c7;border:1px solid #ffe28a;border-radius:14px;width:46px;height:46px;display:grid;place-items:center}
.book-tool-title-v24 h2{margin:0;font-size:24px}
.book-tool-v24 p{color:#52677f;line-height:1.9;margin:0 0 14px;font-size:16px}
.book-step-list-v24{display:grid;gap:10px;margin-top:10px}
.book-step-list-v24 div{background:#f7fbff;border:1px dashed #b8e3ff;border-radius:16px;padding:12px 14px;font-weight:700;color:#244766}
.book-action-row-v24{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.book-note-v24{background:#f0fff4;border:1px dashed #91dda6;color:#11612a;border-radius:16px;padding:12px 14px;font-weight:800}
.book-cover-v24{border-radius:22px;border:3px solid #1668ff!important;box-shadow:0 18px 35px rgba(0,80,160,.12)}
@media (max-width:980px){.book-grid-v24,.book-layout-v24{grid-template-columns:1fr}.book-page-card-v24{position:static;order:-1}.book-symbol-card-v24 .big{font-size:68px}}

/* v25 - more integrated books */
.book-badge-v25{display:inline-flex;align-items:center;gap:8px;background:#fff5d6;color:#7a4a00;border:1px solid #ffe09a;border-radius:999px;padding:8px 15px;font-weight:900}

/* v26 - final uploaded books */
.book-badge-v26{display:inline-flex;align-items:center;gap:8px;background:#eefbea;color:#136b20;border:1px solid #bee9b7;border-radius:999px;padding:8px 15px;font-weight:900}

/* v27 - math and arts books */
.book-badge-v27{display:inline-flex;align-items:center;gap:8px;background:#fff7e6;color:#8a4a00;border:1px solid #ffd994;border-radius:999px;padding:8px 15px;font-weight:900}


/* =========================================================
   Taalamony v29 - 3D section icons integration
   ========================================================= */
.cards .card .card-media,
.site-map-grid .section-card .card-media{
  min-height:230px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(0,87,200,.08)!important;
}
.cards .card .card-media img[src*="section-icons-3d"],
.site-map-grid .section-card .card-media img[src*="section-icons-3d"]{
  width:100%!important;
  height:220px!important;
  object-fit:contain!important;
  padding:0!important;
  filter:drop-shadow(0 12px 18px rgba(0,24,77,.10))!important;
  border-radius:24px!important;
}
.cards .card .card-icon.small-icon,
.site-map-grid .section-card .card-icon.small-icon{
  display:none!important;
}
.section-cover img[src*="section-icons-3d"]{
  width:min(440px,100%)!important;
  max-height:440px!important;
  object-fit:contain!important;
  padding:0!important;
  background:transparent!important;
  border-radius:30px!important;
  filter:drop-shadow(0 18px 24px rgba(0,24,77,.12))!important;
}
@media(max-width:640px){
  .cards .card .card-media,
  .site-map-grid .section-card .card-media{min-height:190px!important}
  .cards .card .card-media img[src*="section-icons-3d"],
  .site-map-grid .section-card .card-media img[src*="section-icons-3d"]{height:185px!important}
}

/* =========================================================
   Taalamony v30 - Internal section pages 3D icons
   ========================================================= */
.inner-icons-v30 .section-head-v30{
  align-items:center;
  gap:18px;
}
.inner-icons-v30 .section-title-wrap-v30{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
}
.section-title-icon-v30{
  width:116px;
  height:116px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  display:grid;
  place-items:center;
  box-shadow:0 16px 32px rgba(0,24,77,.12);
  border:1px solid rgba(0,87,200,.10);
  overflow:hidden;
  flex:0 0 auto;
}
.section-title-icon-v30 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(0,24,77,.10));
}
.pro-title-icon-v30{
  width:142px;
  height:142px;
  border-radius:34px;
  margin-bottom:14px;
}
.section-tools-v30{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
  margin:22px 0 28px;
}
.section-tool-card-v30{
  background:#ffffff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:24px;
  padding:14px 12px;
  text-align:center;
  box-shadow:var(--shadow2);
  transition:.18s transform,.18s box-shadow,.18s border-color;
}
.section-tool-card-v30:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(0,24,77,.12);
  border-color:rgba(0,168,240,.38);
}
.section-tool-card-v30 img{
  width:82px;
  height:82px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.section-tool-card-v30 span{
  display:block;
  color:var(--primary);
  font-weight:900;
  font-size:15px;
  line-height:1.4;
}
.section-tool-card-v30 small{
  display:block;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
  margin-top:2px;
}
.inner-icons-v30 .branch-tile,
.inner-icons-v30 .lesson-card{
  border-radius:30px;
  box-shadow:0 10px 24px rgba(0,24,77,.08);
}
@media(max-width:760px){
  .inner-icons-v30 .section-title-wrap-v30{
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
  }
  .section-title-icon-v30{
    width:104px;
    height:104px;
    border-radius:28px;
  }
  .pro-title-icon-v30{
    width:126px;
    height:126px;
    margin-inline:auto;
  }
  .section-tools-v30{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .section-tool-card-v30 img{
    width:70px;
    height:70px;
  }
}


/* =========================================================
   Taalamony v31 - Arabic letter lessons 3D icons
   ========================================================= */
.letter-icons-v31 .pdf-letter-hero-v23{
  background:radial-gradient(circle at 15% 15%,rgba(255,222,89,.28),transparent 28%),linear-gradient(135deg,#eaf7ff 0%,#fffaf0 100%);
}
.letter-icons-v31 .pdf-letter-panel-v23{
  border-radius:34px;
  box-shadow:0 24px 55px rgba(0,24,77,.12);
}
.letter-icons-v31 .pdf-letter-card-v23{
  display:grid;
  justify-items:center;
  gap:8px;
  background:linear-gradient(180deg,#ffffff,#f6fbff);
  border-radius:30px;
}
.lesson-hero-icon-v31{
  width:108px;
  height:108px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 28px rgba(0,24,77,.12);
  border:1px solid rgba(0,87,200,.10);
  margin:0 auto 2px;
}
.lesson-hero-icon-v31 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(0,24,77,.10));
}
.lesson-toolbar-section-v31{
  padding:0 0 24px;
  margin-top:-6px;
}
.lesson-toolbar-v31{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr));
  gap:14px;
}
.lesson-tool-v31{
  background:#ffffff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:24px;
  padding:14px 10px 12px;
  text-align:center;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(0,24,77,.08);
  transition:.18s transform,.18s box-shadow,.18s border-color;
  color:var(--primary);
}
.lesson-tool-v31:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(0,24,77,.13);
  border-color:rgba(0,168,240,.38);
}
.lesson-tool-v31 img{
  width:76px;
  height:76px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.lesson-tool-v31 span{
  display:block;
  font-weight:900;
  font-size:15px;
  color:#053a92;
  line-height:1.35;
}
.lesson-tool-v31 small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
}
.letter-icons-v31 .pdf-book-card-v23,
.letter-icons-v31 .pdf-tool-v23{
  border-radius:28px;
  box-shadow:0 12px 28px rgba(0,24,77,.08);
}
.letter-icons-v31 .pdf-tool-title-v23 .icon{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border-radius:16px;
  background:#eef8ff;
  box-shadow:inset 0 0 0 1px rgba(0,87,200,.08);
}
@media(max-width:760px){
  .lesson-toolbar-v31{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lesson-tool-v31{border-radius:20px;padding:12px 8px}
  .lesson-tool-v31 img{width:64px;height:64px}
  .lesson-hero-icon-v31{width:92px;height:92px;border-radius:24px}
}


/* =========================================================
   Taalamony v32 - English letters and numbers lesson 3D icons
   ========================================================= */
.lesson-icons-v32 .book-hero-v24{
  background:radial-gradient(circle at 16% 14%,rgba(255,222,89,.24),transparent 30%),linear-gradient(135deg,#eef8ff 0%,#fff9ec 100%);
}
.lesson-icons-v32 .book-panel-v24{
  border-radius:34px;
  box-shadow:0 24px 55px rgba(0,24,77,.12);
}
.lesson-icons-v32 .book-symbol-card-v24{
  display:grid;
  justify-items:center;
  gap:8px;
  background:linear-gradient(180deg,#ffffff,#f6fbff);
  border-radius:30px;
}
.lesson-hero-icon-v32{
  width:108px;
  height:108px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 28px rgba(0,24,77,.12);
  border:1px solid rgba(0,87,200,.10);
  margin:0 auto 2px;
}
.lesson-hero-icon-v32 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(0,24,77,.10));
}
.lesson-toolbar-section-v32{
  padding:0 0 24px;
  margin-top:-6px;
}
.lesson-toolbar-v32{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:14px;
}
.lesson-tool-v32{
  background:#ffffff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:24px;
  padding:14px 10px 12px;
  text-align:center;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(0,24,77,.08);
  transition:.18s transform,.18s box-shadow,.18s border-color;
  color:var(--primary);
}
.lesson-tool-v32:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(0,24,77,.13);
  border-color:rgba(0,168,240,.38);
}
.lesson-tool-v32 img{
  width:74px;
  height:74px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.lesson-tool-v32 span{
  display:block;
  font-weight:900;
  font-size:15px;
  color:#053a92;
  line-height:1.35;
}
.lesson-tool-v32 small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
}
.lesson-icons-v32 .book-page-card-v24,
.lesson-icons-v32 .book-tool-v24{
  border-radius:28px;
  box-shadow:0 12px 28px rgba(0,24,77,.08);
}
.lesson-icons-v32 .book-tool-title-v24 .icon{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border-radius:16px;
  background:#eef8ff;
  box-shadow:inset 0 0 0 1px rgba(0,87,200,.08);
}
@media(max-width:760px){
  .lesson-toolbar-v32{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lesson-tool-v32{border-radius:20px;padding:12px 8px}
  .lesson-tool-v32 img{width:62px;height:62px}
  .lesson-hero-icon-v32{width:92px;height:92px;border-radius:24px}
}


/* =========================================================
   Taalamony v33 - subject lesson 3D icons
   ========================================================= */
.lesson-icons-v33 .book-hero-v24{
  background:radial-gradient(circle at 16% 14%,rgba(255,222,89,.24),transparent 30%),linear-gradient(135deg,#eef8ff 0%,#fff9ec 100%);
}
.lesson-icons-v33 .book-panel-v24{
  border-radius:34px;
  box-shadow:0 24px 55px rgba(0,24,77,.12);
}
.lesson-icons-v33 .book-symbol-card-v24{
  display:grid;
  justify-items:center;
  gap:8px;
  background:linear-gradient(180deg,#ffffff,#f6fbff);
  border-radius:30px;
}
.lesson-hero-icon-v33{
  width:112px;
  height:112px;
  border-radius:30px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 28px rgba(0,24,77,.12);
  border:1px solid rgba(0,87,200,.10);
  margin:0 auto 2px;
}
.lesson-hero-icon-v33 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(0,24,77,.10));
}
.lesson-toolbar-section-v33{
  padding:0 0 24px;
  margin-top:-6px;
}
.lesson-toolbar-v33{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:14px;
}
.lesson-tool-v33{
  background:#ffffff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:24px;
  padding:14px 10px 12px;
  text-align:center;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(0,24,77,.08);
  transition:.18s transform,.18s box-shadow,.18s border-color;
  color:var(--primary);
}
.lesson-tool-v33:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(0,24,77,.13);
  border-color:rgba(0,168,240,.38);
}
.lesson-tool-v33 img{
  width:74px;
  height:74px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.lesson-tool-v33 span{
  display:block;
  font-weight:900;
  font-size:15px;
  color:#053a92;
  line-height:1.35;
}
.lesson-tool-v33 small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
}
.lesson-icons-v33 .book-page-card-v24,
.lesson-icons-v33 .book-tool-v24{
  border-radius:28px;
  box-shadow:0 12px 28px rgba(0,24,77,.08);
}
.lesson-icons-v33 .book-tool-title-v24 .icon{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border-radius:16px;
  background:#eef8ff;
  box-shadow:inset 0 0 0 1px rgba(0,87,200,.08);
}
@media(max-width:760px){
  .lesson-toolbar-v33{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lesson-tool-v33{border-radius:20px;padding:12px 8px}
  .lesson-tool-v33 img{width:62px;height:62px}
  .lesson-hero-icon-v33{width:92px;height:92px;border-radius:24px}
}


/* =========================================================
   Taalamony v34 - system pages and dashboards 3D icons
   ========================================================= */
.system-icons-v34 .hero-panel,
.system-icons-v34 .foundation-panel,
.system-icons-v34 .login-card,
.system-icons-v34 .login-showcase,
.system-icons-v34 .panel-card,
.system-icons-v34 .table-wrap{
  border-radius:32px;
}
.login-icons-v34 .login-showcase{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#ffffff 0%,#eef8ff 48%,#fff7df 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 20px 45px rgba(0,24,77,.10);
}
.login-feature-icons-v34{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.login-feature-v34{
  background:#fff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:22px;
  padding:10px 8px;
  text-align:center;
  box-shadow:0 10px 20px rgba(0,24,77,.07);
}
.login-feature-v34 img{
  width:72px;
  height:72px;
  object-fit:contain;
  display:block;
  margin:0 auto 6px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.login-feature-v34 span{
  display:block;
  color:#053a92;
  font-weight:900;
  font-size:13px;
  line-height:1.3;
}
.system-card-icon-v34{
  width:110px;
  height:110px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 13px 26px rgba(0,24,77,.10);
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  overflow:hidden;
}
.system-card-icon-v34.small{
  width:82px;
  height:82px;
  border-radius:24px;
  margin:0 0 12px auto;
}
.system-card-icon-v34 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.login-icons-v34 .quick-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.login-icons-v34 .quick-links a img{
  width:34px;
  height:34px;
  object-fit:contain;
}
.system-head-icon-v34{
  width:150px;
  height:150px;
  border-radius:34px;
  background:#fff;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 16px 34px rgba(0,24,77,.11);
  overflow:hidden;
}
.system-head-icon-v34 img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.system-feature-grid-v34{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin:0 0 20px;
}
.system-feature-card-v34{
  background:#fff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:26px;
  padding:16px 12px;
  text-align:center;
  box-shadow:0 12px 26px rgba(0,24,77,.08);
}
.system-feature-card-v34 img{
  width:88px;
  height:88px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.system-feature-card-v34 strong{
  display:block;
  color:#053a92;
  font-weight:900;
  font-size:17px;
}
.system-feature-card-v34 span{
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-top:3px;
  font-size:13px;
}
.activation-panel-v34{
  box-shadow:0 18px 42px rgba(0,24,77,.10)!important;
  border-color:rgba(0,87,200,.12)!important;
}
.dashboard-icons-v34 .dashboard-hero .hero-panel{
  padding:30px;
  background:radial-gradient(circle at 12% 18%,rgba(255,222,89,.28),transparent 30%),linear-gradient(135deg,#0047b8 0%,#00a8f0 56%,#8bd300 100%);
}
.dashboard-hero-grid-v34{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:center;
}
.dashboard-hero-icon-v34{
  width:150px;
  height:150px;
  border-radius:38px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 18px 38px rgba(0,24,77,.20);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.dashboard-hero-icon-v34 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.dashboard-hero-text-v34 h1{
  margin:10px 0 8px;
  font-size:clamp(30px,4.3vw,52px);
  line-height:1.25;
}
.dashboard-hero-text-v34 p{
  margin:0;
  font-size:19px;
  line-height:1.8;
  opacity:.96;
}
.dashboard-icons-v34 .panel-card{
  min-height:160px;
  padding:22px;
  background:linear-gradient(180deg,#ffffff,#f9fcff);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 14px 30px rgba(0,24,77,.08);
  position:relative;
  overflow:hidden;
}
.dashboard-icons-v34 .panel-card:before{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  border-radius:50%;
  left:-35px;
  top:-35px;
  background:rgba(255,196,0,.18);
}
.dashboard-icons-v34 .panel-card>*{
  position:relative;
  z-index:1;
}
.panel-card-icon-v34{
  width:82px;
  height:82px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(0,87,200,.08);
  box-shadow:0 10px 20px rgba(0,24,77,.08);
  display:grid;
  place-items:center;
  margin-bottom:10px;
  overflow:hidden;
}
.panel-card-icon-v34 img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.dashboard-shortcuts-v34{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:14px;
  margin:18px 0 8px;
}
.dashboard-shortcut-v34{
  background:#fff;
  border:1px solid rgba(0,87,200,.10);
  border-radius:26px;
  padding:14px 10px;
  text-align:center;
  color:var(--primary);
  text-decoration:none;
  box-shadow:0 12px 26px rgba(0,24,77,.08);
  transition:.18s transform,.18s box-shadow,.18s border-color;
}
.dashboard-shortcut-v34:hover{
  transform:translateY(-3px);
  border-color:rgba(0,168,240,.38);
  box-shadow:0 18px 34px rgba(0,24,77,.12);
}
.dashboard-shortcut-v34 img{
  width:82px;
  height:82px;
  object-fit:contain;
  display:block;
  margin:0 auto 7px;
  filter:drop-shadow(0 8px 12px rgba(0,24,77,.10));
}
.dashboard-shortcut-v34 strong{
  display:block;
  font-size:16px;
  font-weight:900;
  color:#053a92;
}
.dashboard-shortcut-v34 span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.admin-code-panel-v34{
  background:linear-gradient(135deg,#ffffff,#eef8ff 58%,#fff8e1)!important;
}
@media(max-width:720px){
  .login-feature-icons-v34{grid-template-columns:1fr;}
  .login-feature-v34{display:flex;align-items:center;justify-content:center;gap:12px;text-align:right}
  .login-feature-v34 img{margin:0;width:62px;height:62px}
  .system-head-icon-v34{width:115px;height:115px;border-radius:28px;margin:0 auto 12px}
  .dashboard-hero-grid-v34{grid-template-columns:1fr;text-align:center;justify-items:center}
  .dashboard-hero-icon-v34{width:120px;height:120px;border-radius:30px}
  .dashboard-shortcuts-v34{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dashboard-shortcut-v34{border-radius:20px;padding:12px 8px}
  .dashboard-shortcut-v34 img{width:66px;height:66px}
}


/* =========================================================
   Taalamony v35 - Final Polish / PWA / Accessibility
   مراجعة نهائية: تحسين الوصول، الموبايل، وضوح الأيقونات، وتجربة الرفع
   ========================================================= */
.skip-link{
  position:fixed;
  top:10px;
  right:10px;
  z-index:9999;
  transform:translateY(-160%);
  background:#00184D;
  color:#fff;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,24,77,.22);
}
.skip-link:focus{transform:translateY(0);outline:3px solid #FFC400;outline-offset:3px}
img{image-rendering:auto}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #FFC400;
  outline-offset:3px;
}
.v35-status-card{
  background:linear-gradient(135deg,#ffffff,#eef8ff 58%,#fff8e1);
  border:1px solid rgba(0,87,200,.12);
  border-radius:28px;
  padding:18px;
  box-shadow:0 14px 30px rgba(0,24,77,.08);
}
.cards .card .card-media img,
.site-map-grid .section-card .card-media img,
.lesson-3d-head-icon-v31 img,
.subject-lesson-head-icon-v33 img,
.system-card-icon-v34 img,
.dashboard-hero-icon-v34 img,
.dashboard-shortcut-v34 img{
  transform:translateZ(0);
  backface-visibility:hidden;
}
.card,.lesson-card,.panel-card,.dashboard-shortcut-v34,.system-feature-card-v34{
  will-change:transform;
}
.footer{
  line-height:1.8;
}
.footer a{font-weight:900;text-decoration:underline;text-underline-offset:4px}
.offline-box{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.offline-card{
  width:min(760px,94vw);
  text-align:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:38px;
  padding:30px;
  box-shadow:var(--shadow);
}
.offline-card img{width:min(220px,80%);height:auto;margin-bottom:12px}
.offline-card h1{margin:0 0 10px;color:var(--primary);font-size:clamp(30px,5vw,48px)}
.offline-card p{margin:0 0 18px;color:var(--muted);font-size:18px;line-height:1.9}
@media(max-width:720px){
  .topbar{position:relative}
  .container{width:min(94vw,1180px)}
  .hero-panel,.pro-section-hero,.login-card,.login-showcase{border-radius:28px}
  .cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
  .cards .card{padding:14px;border-radius:24px}
  .cards .card h3{font-size:20px;line-height:1.4}
  .cards .card p{font-size:14px;line-height:1.7}
  .btn{width:100%;min-height:48px}
  .nav-links{width:100%;justify-content:center}
  .contact-strip{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* =========================================================
   Taalamony v36 - Arabic section redesign trial
   نموذج تطوير صفحة الحروف العربية فقط قبل تعميمه على باقي الأقسام
   ========================================================= */
.section-redesign-v36 .section{
  padding-top:22px;
}
.section-redesign-v36 .breadcrumb{
  margin:0 0 16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,87,200,.08);
  border-radius:999px;
  padding:8px 14px;
  width:max-content;
  max-width:100%;
  box-shadow:0 10px 22px rgba(0,24,77,.05);
}
.section-redesign-v36 .pro-section-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);
  gap:34px;
  padding:34px;
  border-radius:46px;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,196,0,.35) 0 13%,transparent 14%),
    radial-gradient(circle at 82% 84%,rgba(0,168,240,.20) 0 20%,transparent 21%),
    linear-gradient(135deg,#ffffff 0%,#eef9ff 46%,#fff7de 100%);
  border:1px solid rgba(0,87,200,.12);
  box-shadow:0 24px 58px rgba(0,24,77,.12);
  min-height:380px;
}
.section-redesign-v36 .pro-section-hero:before{
  width:310px;
  height:310px;
  left:-90px;
  top:-110px;
  background:rgba(255,196,0,.24);
}
.section-redesign-v36 .pro-section-hero:after{
  width:240px;
  height:240px;
  right:-80px;
  bottom:-90px;
  background:rgba(0,168,240,.18);
}
.section-redesign-v36 .pro-title-icon-v30{
  width:92px;
  height:92px;
  border-radius:26px;
  margin-bottom:8px;
  box-shadow:0 14px 28px rgba(0,24,77,.10);
}
.section-redesign-v36 .pro-hero-text .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff2c2;
  color:#9a6100;
  border:1px solid rgba(255,196,0,.55);
  box-shadow:0 10px 22px rgba(255,196,0,.15);
  font-size:15px;
}
.section-redesign-v36 .pro-hero-text h1{
  font-size:clamp(36px,5.2vw,62px);
  letter-spacing:-.02em;
  margin:8px 0 14px;
}
.section-redesign-v36 .pro-hero-text p{
  max-width:720px;
  font-size:20px;
  line-height:2;
}
.hero-stats-v36{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 2px;
}
.hero-stats-v36 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 14px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(0,87,200,.10);
  color:#053a92;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,24,77,.07);
}
.section-redesign-v36 .pro-hero-media{
  min-height:310px;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.82) 0 34%,transparent 35%),
    linear-gradient(135deg,#0d74dc 0%,#18bef3 55%,#80d61e 100%);
  border-radius:40px;
  border:6px solid rgba(255,255,255,.74);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 22px 40px rgba(0,87,200,.16);
  overflow:visible;
}
.section-redesign-v36 .pro-hero-media img{
  width:min(355px,96%);
  height:auto;
  max-height:345px;
  object-fit:contain;
  filter:drop-shadow(0 24px 28px rgba(0,24,77,.24));
  transform:translateY(-4px);
}
.hero-float-badge-v36{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  background:#ffffff;
  color:#0057C8;
  border:1px solid rgba(0,87,200,.12);
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 24px rgba(0,24,77,.12);
}
.section-redesign-v36 .section-tools-v30{
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:18px;
  margin:24px 0 34px;
}
.section-redesign-v36 .section-tool-card-v30{
  min-height:170px;
  border-radius:30px;
  padding:18px 14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 16px 34px rgba(0,24,77,.08);
  position:relative;
  overflow:hidden;
}
.section-redesign-v36 .section-tool-card-v30:before{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  left:-36px;
  top:-36px;
  border-radius:50%;
  background:rgba(255,196,0,.18);
}
.section-redesign-v36 .section-tool-card-v30 img{
  width:112px;
  height:112px;
  margin-bottom:8px;
  position:relative;
  z-index:1;
}
.section-redesign-v36 .section-tool-card-v30 span{
  font-size:18px;
  position:relative;
  z-index:1;
}
.section-redesign-v36 .section-tool-card-v30 small{
  font-size:13px;
  position:relative;
  z-index:1;
}
.section-redesign-v36 .professional-head{
  margin-top:10px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.section-redesign-v36 .section-title{
  font-size:clamp(30px,4vw,44px);
  margin-bottom:4px;
}
.section-redesign-v36 .section-sub{
  font-size:17px;
}
.section-redesign-v36 .professional-lessons{
  grid-template-columns:repeat(auto-fit,minmax(178px,1fr));
  gap:18px;
  margin-top:18px;
}
.section-redesign-v36 .letter-card-pro{
  min-height:214px;
  justify-content:space-between;
  align-items:center;
  text-align:center;
  border-radius:34px;
  padding:18px 14px;
  background:
    radial-gradient(circle at 0 0,rgba(255,196,0,.28) 0 26%,transparent 27%),
    linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 16px 34px rgba(0,24,77,.08);
}
.section-redesign-v36 .letter-card-pro:hover{
  transform:translateY(-7px) scale(1.01);
  box-shadow:0 24px 48px rgba(0,24,77,.14);
}
.section-redesign-v36 .letter-card-pro:before{
  display:none;
}
.section-redesign-v36 .letter-big{
  width:92px;
  height:92px;
  border-radius:30px;
  font-size:58px;
  color:#0057C8;
  background:linear-gradient(145deg,#ffffff 0%,#eaf8ff 50%,#fff2b8 100%);
  border:3px solid rgba(255,255,255,.88);
  box-shadow:0 18px 28px rgba(0,87,200,.13), inset 0 -8px 18px rgba(0,87,200,.06);
}
.section-redesign-v36 .lesson-info h3{
  font-size:20px;
  margin-top:2px;
}
.section-redesign-v36 .lesson-info p{
  font-size:13px;
  color:#55708a;
}
.section-redesign-v36 .status-badge{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:30px;
  border-radius:999px;
  padding:7px 12px;
  margin-top:2px;
  font-size:12px;
  font-weight:900;
}
.status-free-v36{
  background:#fff2c2!important;
  color:#9a6100!important;
  border-color:rgba(255,196,0,.62)!important;
  margin-left:4px;
}
@media(max-width:920px){
  .section-redesign-v36 .section-tools-v30{grid-template-columns:repeat(2,minmax(0,1fr));}
  .section-redesign-v36 .pro-section-hero{grid-template-columns:1fr;}
  .section-redesign-v36 .pro-hero-media{order:-1;min-height:260px;}
}
@media(max-width:640px){
  .section-redesign-v36 .breadcrumb{width:auto;border-radius:18px;line-height:1.8;}
  .section-redesign-v36 .pro-section-hero{padding:20px;border-radius:30px;gap:18px;}
  .section-redesign-v36 .pro-hero-media{min-height:220px;border-radius:28px;border-width:4px;}
  .section-redesign-v36 .pro-hero-media img{width:min(250px,94%);max-height:245px;}
  .hero-float-badge-v36{top:12px;right:12px;font-size:11px;}
  .hero-stats-v36{justify-content:center;}
  .section-redesign-v36 .section-tools-v30{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .section-redesign-v36 .section-tool-card-v30{min-height:142px;border-radius:22px;padding:12px 8px;}
  .section-redesign-v36 .section-tool-card-v30 img{width:78px;height:78px;}
  .section-redesign-v36 .section-tool-card-v30 span{font-size:14px;}
  .section-redesign-v36 .professional-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .section-redesign-v36 .letter-card-pro{min-height:190px;border-radius:26px;padding:14px 8px;}
  .section-redesign-v36 .letter-big{width:78px;height:78px;font-size:48px;border-radius:24px;}
  .section-redesign-v36 .lesson-info h3{font-size:17px;}
  .section-redesign-v36 .lesson-info p{font-size:12px;}
}


/* =========================================================
   V37 — تعميم تصميم صفحات الأقسام المعتمد + Polish نهائي
   ========================================================= */
.section-pages-v37 .section{
  padding-top:18px;
}
.section-pages-v37 .breadcrumb{
  margin:0 0 14px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(0,87,200,.10);
  border-radius:999px;
  padding:8px 14px;
  width:max-content;
  max-width:100%;
  box-shadow:0 8px 20px rgba(0,24,77,.05);
}

.section-pages-v37 .pro-section-hero{
  grid-template-columns:minmax(0,1fr) minmax(250px,.56fr);
  gap:24px;
  padding:24px 28px;
  border-radius:38px;
  min-height:300px;
  background:
    radial-gradient(circle at 8% 10%,rgba(255,196,0,.24) 0 12%,transparent 13%),
    radial-gradient(circle at 82% 86%,rgba(0,168,240,.16) 0 18%,transparent 19%),
    linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#fff8e3 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 18px 42px rgba(0,24,77,.10);
}
.section-pages-v37 .pro-section-hero:before{width:240px;height:240px;left:-86px;top:-104px;background:rgba(255,196,0,.15)}
.section-pages-v37 .pro-section-hero:after{width:190px;height:190px;right:-76px;bottom:-88px;background:rgba(0,168,240,.11)}
.section-pages-v37 .pro-hero-text .tag{
  background:#fff2c2;
  color:#9a6100;
  border:1px solid rgba(255,196,0,.55);
  font-size:15px;
  box-shadow:0 8px 20px rgba(255,196,0,.10);
}
.section-pages-v37 .pro-hero-text h1{
  font-size:clamp(34px,4.8vw,58px);
  line-height:1.18;
  margin:8px 0 10px;
}
.section-pages-v37 .pro-hero-text p{
  font-size:18px;
  line-height:1.8;
  max-width:680px;
}
.section-pages-v37 .hero-stats-v36{margin:14px 0 2px;gap:8px}
.section-pages-v37 .hero-stats-v36 span{
  min-height:36px;
  padding:7px 13px;
}
.section-pages-v37 .pro-hero-media{
  min-height:236px;
  padding:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.22) 100%);
  border:1px solid rgba(0,87,200,.08);
  border-radius:30px;
  box-shadow:0 12px 28px rgba(0,87,200,.08);
  display:grid;
  place-items:center;
}
.section-pages-v37 .pro-hero-media img{
  width:min(342px,98%);
  max-height:262px;
  object-fit:contain;
  filter:drop-shadow(0 20px 24px rgba(0,24,77,.18));
  transform:none;
}
.section-pages-v37 .hero-float-badge-v36{display:none!important}
.section-pages-v37 .section-tools-v30{
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:14px;
  margin:14px 0 24px;
}
.section-pages-v37 .section-tool-card-v30{
  min-height:162px;
  border-radius:26px;
  padding:14px 12px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 12px 26px rgba(0,24,77,.07);
  position:relative;
  overflow:hidden;
}
.section-pages-v37 .section-tool-card-v30 img{width:114px;height:114px;margin-bottom:4px;object-fit:contain}
.section-pages-v37 .section-tool-card-v30 span{font-size:18px;font-weight:900;color:#0057C8}
.section-pages-v37 .section-tool-card-v30 small{font-size:13px;color:#49677f}
.section-pages-v37 .professional-head{margin:0 0 16px;justify-content:center;text-align:center}
.section-pages-v37 .professional-head .section-title{font-size:clamp(29px,3.6vw,42px);margin-bottom:5px}
.section-pages-v37 .professional-head .section-sub{font-size:16px}
.section-pages-v37 .section-book-actions-v37{
  justify-content:center;
  margin:-8px 0 22px;
}
.section-pages-v37 .professional-lessons,
.section-pages-v37 .branch-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:18px;
  margin-top:8px;
}
.section-pages-v37 .lesson-card,
.section-pages-v37 .branch-tile{
  min-height:206px;
  justify-content:space-between;
  align-items:center;
  text-align:center;
  border-radius:30px;
  padding:18px 14px;
  background:
    radial-gradient(circle at 0 0,rgba(255,196,0,.24) 0 25%,transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 12px 26px rgba(0,24,77,.07);
  transition:.18s transform,.18s box-shadow,.18s border-color;
}
.section-pages-v37 .lesson-card:hover,
.section-pages-v37 .branch-tile:hover{
  transform:translateY(-5px) scale(1.01);
  box-shadow:0 20px 40px rgba(0,24,77,.11);
  border-color:rgba(0,168,240,.30);
}
.section-pages-v37 .branch-tile:before,
.section-pages-v37 .lesson-card:before{display:none}
.section-pages-v37 .letter-big,
.section-pages-v37 .lesson-number,
.section-pages-v37 .branch-symbol{
  width:86px;
  height:86px;
  border-radius:26px;
  display:grid;
  place-items:center;
  font-size:50px;
  font-weight:900;
  color:#0057C8;
  background:linear-gradient(145deg,#ffffff 0%,#eaf8ff 50%,#fff2b8 100%);
  border:3px solid rgba(255,255,255,.88);
  box-shadow:0 14px 22px rgba(0,87,200,.10), inset 0 -8px 18px rgba(0,87,200,.05);
}
.section-pages-v37 .branch-symbol{font-size:42px;line-height:1;letter-spacing:0}
.section-pages-v37 .lesson-info h3,
.section-pages-v37 .branch-tile h3{font-size:20px;margin:2px 0 4px;color:#0057C8}
.section-pages-v37 .lesson-info p,
.section-pages-v37 .branch-tile p{font-size:13px;line-height:1.55;color:#55708a;margin:0}
.section-pages-v37 .status-badge{display:inline-flex;justify-content:center;align-items:center;min-height:30px;border-radius:999px;padding:7px 12px;margin-top:2px;font-size:12px;font-weight:900}
.section-pages-v37 .status-free-v36{background:#fff2c2!important;color:#9a6100!important;border-color:rgba(255,196,0,.62)!important;margin-left:4px}
@media(max-width:920px){
  .section-pages-v37 .pro-section-hero{grid-template-columns:1fr;padding:20px 22px;border-radius:32px;min-height:auto;gap:16px}
  .section-pages-v37 .pro-hero-media{order:-1;min-height:220px}
  .section-pages-v37 .section-tools-v30{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .section-pages-v37 .breadcrumb{width:auto;border-radius:18px;line-height:1.8}
  .section-pages-v37 .pro-section-hero{padding:18px;border-radius:26px}
  .section-pages-v37 .pro-hero-text h1{font-size:32px;text-align:center}
  .section-pages-v37 .pro-hero-text p{text-align:center;font-size:16px;line-height:1.75}
  .section-pages-v37 .pro-hero-text .tag{margin-inline:auto}
  .section-pages-v37 .actions,.section-pages-v37 .hero-stats-v36{justify-content:center}
  .section-pages-v37 .pro-hero-media{min-height:198px;border-radius:22px}
  .section-pages-v37 .pro-hero-media img{width:min(226px,96%);max-height:205px}
  .section-pages-v37 .hero-float-badge-v36{display:none!important}
  .section-pages-v37 .section-tools-v30{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 22px}
  .section-pages-v37 .section-tool-card-v30{min-height:136px;border-radius:22px;padding:12px 8px}
  .section-pages-v37 .section-tool-card-v30 img{width:82px;height:82px}
  .section-pages-v37 .section-tool-card-v30 span{font-size:14px}
  .section-pages-v37 .section-tool-card-v30 small{font-size:11px}
  .section-pages-v37 .professional-lessons,.section-pages-v37 .branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .section-pages-v37 .lesson-card,.section-pages-v37 .branch-tile{min-height:188px;border-radius:24px;padding:14px 8px}
  .section-pages-v37 .letter-big,.section-pages-v37 .lesson-number,.section-pages-v37 .branch-symbol{width:74px;height:74px;font-size:43px;border-radius:22px}
  .section-pages-v37 .branch-symbol{font-size:34px}
  .section-pages-v37 .lesson-info h3,.section-pages-v37 .branch-tile h3{font-size:16.5px}
  .section-pages-v37 .lesson-info p,.section-pages-v37 .branch-tile p{font-size:11.5px}
}



/* V37.2 — تنظيف عرض أيقونة البانر: بدون كارت خارجي أو شارة */
.section-pages-v37 .pro-hero-media{
  min-height:245px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

.section-pages-v37 .pro-hero-media img{
  width:min(370px,100%) !important;
  max-height:310px !important;
  object-fit:contain !important;
  border-radius:34px !important;
  filter:drop-shadow(0 22px 28px rgba(0,24,77,.18)) !important;
  transform:none !important;
}

.section-pages-v37 .hero-float-badge-v36{
  display:none !important;
}

@media(max-width:920px){
  .section-pages-v37 .pro-hero-media{
    min-height:220px !important;
  }
  .section-pages-v37 .pro-hero-media img{
    width:min(300px,96%) !important;
    max-height:255px !important;
  }
}

@media(max-width:640px){
  .section-pages-v37 .pro-hero-media{
    min-height:190px !important;
  }
  .section-pages-v37 .pro-hero-media img{
    width:min(235px,96%) !important;
    max-height:205px !important;
    border-radius:26px !important;
  }
}



/* V38 — أيقونات 3D مخصصة لكل حرف عربي */
.arabic-letters-icons-v38 .professional-lessons-v37{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}

.arabic-letters-icons-v38 .letter-card-pro{
  min-height:270px !important;
  padding:14px 12px 16px !important;
}

.arabic-letters-icons-v38 .letter-card-pro .letter-big{
  display:none !important;
}

.letter-card-icon-v38{
  width:150px;
  height:150px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  border-radius:28px;
  filter:drop-shadow(0 12px 18px rgba(0,24,77,.12));
}

.arabic-letters-icons-v38 .letter-card-pro .lesson-info h3{
  font-size:19px !important;
  margin-top:4px !important;
}

.arabic-letters-icons-v38 .letter-card-pro .lesson-info p{
  font-size:13.5px !important;
}

.arabic-letters-icons-v38 .letter-card-pro .status-badge{
  min-height:32px;
  padding:7px 13px;
  font-size:12px;
}

.letter-page-icons-v38 .lesson-hero-icon-v31{
  width:160px !important;
  height:160px !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.72) !important;
}

.letter-page-icons-v38 .lesson-hero-icon-v31 img{
  width:145px !important;
  height:145px !important;
  object-fit:contain !important;
  border-radius:28px !important;
}

@media(max-width:640px){
  .arabic-letters-icons-v38 .professional-lessons-v37{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .arabic-letters-icons-v38 .letter-card-pro{
    min-height:225px !important;
    padding:10px 8px 12px !important;
  }

  .letter-card-icon-v38{
    width:112px;
    height:112px;
    border-radius:22px;
    margin-bottom:6px;
  }

  .arabic-letters-icons-v38 .letter-card-pro .lesson-info h3{
    font-size:15.5px !important;
  }

  .arabic-letters-icons-v38 .letter-card-pro .lesson-info p{
    font-size:11.5px !important;
  }

  .letter-page-icons-v38 .lesson-hero-icon-v31{
    width:118px !important;
    height:118px !important;
    border-radius:26px !important;
  }

  .letter-page-icons-v38 .lesson-hero-icon-v31 img{
    width:106px !important;
    height:106px !important;
    border-radius:22px !important;
  }
}



/* V39 — أيقونات 3D مخصصة لكل حرف إنجليزي */
.english-letters-icons-v39 .professional-lessons-v37{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}

.english-letters-icons-v39 .branch-tile{
  min-height:270px !important;
  padding:14px 12px 16px !important;
  justify-content:space-between !important;
}

.english-letters-icons-v39 .branch-tile .branch-symbol{
  display:none !important;
}

.english-card-icon-v39{
  width:150px;
  height:150px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  border-radius:28px;
  filter:drop-shadow(0 12px 18px rgba(0,24,77,.12));
}

.english-letters-icons-v39 .branch-tile h3{
  font-size:19px !important;
  margin:4px 0 2px !important;
  color:#0057C8 !important;
}

.english-letters-icons-v39 .branch-tile p{
  font-size:13.5px !important;
  line-height:1.55 !important;
}

.english-letters-icons-v39 .branch-tile .status-badge{
  min-height:32px;
  padding:7px 13px;
  font-size:12px;
}

.english-page-icons-v39 .lesson-hero-icon-v32{
  width:160px !important;
  height:160px !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.72) !important;
}

.english-page-icons-v39 .lesson-hero-icon-v32 img{
  width:145px !important;
  height:145px !important;
  object-fit:contain !important;
  border-radius:28px !important;
}

@media(max-width:640px){
  .english-letters-icons-v39 .professional-lessons-v37{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .english-letters-icons-v39 .branch-tile{
    min-height:225px !important;
    padding:10px 8px 12px !important;
  }

  .english-card-icon-v39{
    width:112px;
    height:112px;
    border-radius:22px;
    margin-bottom:6px;
  }

  .english-letters-icons-v39 .branch-tile h3{
    font-size:15.5px !important;
  }

  .english-letters-icons-v39 .branch-tile p{
    font-size:11.5px !important;
  }

  .english-page-icons-v39 .lesson-hero-icon-v32{
    width:118px !important;
    height:118px !important;
    border-radius:26px !important;
  }

  .english-page-icons-v39 .lesson-hero-icon-v32 img{
    width:106px !important;
    height:106px !important;
    border-radius:22px !important;
  }
}


/* V40 — أيقونات 3D مخصصة للأرقام العربية من ١ إلى ٣٠ */
.arabic-number-icons-v40 .professional-lessons-v37{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}

.arabic-number-icons-v40 .number-card{
  min-height:300px !important;
  padding:14px 12px 16px !important;
  justify-content:space-between !important;
  text-align:center;
}

.arabic-number-icons-v40 .number-card .lesson-number{
  display:none !important;
}

.arabic-number-card-icon-v40{
  width:168px;
  height:168px;
  object-fit:cover;
  display:block;
  margin:0 auto 8px;
  border-radius:32px;
  box-shadow:0 12px 24px rgba(0,24,77,.12);
  filter:drop-shadow(0 12px 18px rgba(0,24,77,.10));
}

.arabic-number-icons-v40 .number-card .lesson-info h3{
  font-size:19px !important;
  margin:4px 0 2px !important;
  color:#0057C8 !important;
}

.arabic-number-icons-v40 .number-card .lesson-info p{
  font-size:13.5px !important;
  line-height:1.55 !important;
}

.arabic-number-icons-v40 .number-card .status-badge{
  min-height:32px;
  padding:7px 13px;
  font-size:12px;
}

.arabic-number-pages-v40 .book-symbol-card-v24{
  padding:20px !important;
  min-height:300px;
  align-content:center;
}

.arabic-number-pages-v40 .lesson-hero-icon-v32{
  width:220px !important;
  height:220px !important;
  border-radius:42px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 18px 36px rgba(0,24,77,.14) !important;
}

.arabic-number-pages-v40 .lesson-hero-icon-v32 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:38px !important;
}

.arabic-number-pages-v40 .book-symbol-card-v24 .big{
  display:none !important;
}

@media(max-width:640px){
  .arabic-number-icons-v40 .professional-lessons-v37{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .arabic-number-icons-v40 .number-card{
    min-height:245px !important;
    padding:10px 8px 12px !important;
  }

  .arabic-number-card-icon-v40{
    width:126px;
    height:126px;
    border-radius:24px;
    margin-bottom:6px;
  }

  .arabic-number-icons-v40 .number-card .lesson-info h3{
    font-size:15.5px !important;
  }

  .arabic-number-icons-v40 .number-card .lesson-info p{
    font-size:11.5px !important;
  }

  .arabic-number-pages-v40 .lesson-hero-icon-v32{
    width:150px !important;
    height:150px !important;
    border-radius:30px !important;
  }

  .arabic-number-pages-v40 .lesson-hero-icon-v32 img{
    border-radius:26px !important;
  }
}


/* V40.1 — استكمال وتحسين صفحات الأرقام العربية بدون قص */
.arabic-number-icons-v401 .arabic-number-card-icon-v40,
.arabic-number-pages-v401 .lesson-hero-icon-v32 img{
  object-fit:contain !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,248,255,.96));
}
.arabic-number-icons-v401 .arabic-number-card-icon-v40{
  padding:4px;
}
.arabic-number-update-v401{
  margin:18px 0 8px;
  padding:14px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff7d6,#eaf5ff);
  border:1px solid rgba(0,87,200,.14);
  box-shadow:0 12px 28px rgba(0,24,77,.08);
  color:#12315d;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  font-weight:800;
}
.arabic-number-update-v401 span{
  font-weight:600;
  line-height:1.8;
}
.number-learning-section-v401{
  padding-top:0 !important;
}
.number-learning-panel-v401{
  border-radius:32px;
  padding:22px;
  background:linear-gradient(135deg,rgba(0,87,200,.10),rgba(255,214,64,.18));
  border:1px solid rgba(0,87,200,.14);
  box-shadow:0 18px 42px rgba(0,24,77,.10);
}
.number-main-v401{
  display:grid;
  grid-template-columns:210px 1fr;
  gap:22px;
  align-items:center;
  margin-bottom:18px;
}
.number-icon-frame-v401{
  width:210px;
  height:210px;
  border-radius:42px;
  padding:8px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 34px rgba(0,24,77,.13);
}
.number-icon-frame-v401 img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:34px;
  display:block;
}
.number-copy-v401 .mini-badge-v401{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 14px;
  border-radius:999px;
  background:#ffd640;
  color:#173057;
  font-weight:900;
  box-shadow:0 8px 18px rgba(255,184,0,.22);
}
.number-copy-v401 h2{
  margin:10px 0 8px;
  color:#0057C8;
  font-size:clamp(26px,4vw,42px);
}
.number-copy-v401 p{
  margin:0;
  color:#31476c;
  font-size:17px;
  line-height:1.9;
  font-weight:700;
}
.count-cards-v401{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.count-card-v401{
  border-radius:22px;
  padding:14px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,87,200,.10);
  box-shadow:0 10px 24px rgba(0,24,77,.07);
}
.count-card-v401 span{
  font-size:28px;
  display:block;
  margin-bottom:6px;
}
.count-card-v401 strong{
  display:block;
  color:#0057C8;
  font-size:16px;
  margin-bottom:4px;
}
.count-card-v401 p{
  margin:0;
  color:#344767;
  font-size:14px;
  line-height:1.7;
  font-weight:700;
}
.audio-script-v401,
.media-ready-note-v401{
  margin-top:14px;
  padding:13px 15px;
  border-radius:18px;
  background:#f7fbff;
  border:1px dashed rgba(0,87,200,.30);
  color:#203a60;
  font-weight:700;
  line-height:1.8;
}
.media-ready-note-v401{
  background:#fff8df;
  border-color:rgba(255,184,0,.45);
}
@media(max-width:800px){
  .number-main-v401{
    grid-template-columns:1fr;
    text-align:center;
  }
  .number-icon-frame-v401{
    margin:0 auto;
  }
  .count-cards-v401{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .number-learning-panel-v401{
    padding:14px;
    border-radius:24px;
  }
  .number-icon-frame-v401{
    width:150px;
    height:150px;
    border-radius:30px;
  }
  .number-icon-frame-v401 img{
    border-radius:24px;
  }
  .count-cards-v401{
    grid-template-columns:1fr;
  }
}


/* V41 — أيقونات 3D مخصصة للأرقام الإنجليزية من 1 إلى 30 */
.english-number-icons-v41 .professional-lessons-v37{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}
.english-number-icons-v41 .number-card{
  min-height:300px !important;
  padding:14px 12px 16px !important;
  justify-content:space-between !important;
  text-align:center;
}
.english-number-icons-v41 .number-card .lesson-number{
  display:none !important;
}
.english-number-card-icon-v41{
  width:168px;
  height:168px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  padding:4px;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,248,255,.96));
  box-shadow:0 12px 24px rgba(0,24,77,.12);
  filter:drop-shadow(0 12px 18px rgba(0,24,77,.10));
}
.english-number-icons-v41 .number-card .lesson-info h3{
  font-size:19px !important;
  margin:4px 0 2px !important;
  color:#0057C8 !important;
  direction:ltr;
}
.english-number-icons-v41 .number-card .lesson-info p{
  font-size:14px !important;
  line-height:1.55 !important;
  direction:ltr;
  font-weight:800;
  color:#173057;
}
.english-number-icons-v41 .number-card .status-badge{
  min-height:32px;
  padding:7px 13px;
  font-size:12px;
}
.english-number-pages-v41 .book-symbol-card-v24{
  padding:20px !important;
  min-height:300px;
  align-content:center;
}
.english-number-pages-v41 .lesson-hero-icon-v32{
  width:220px !important;
  height:220px !important;
  border-radius:42px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 18px 36px rgba(0,24,77,.14) !important;
}
.english-number-pages-v41 .lesson-hero-icon-v32 img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:38px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,248,255,.96));
}
.english-number-pages-v41 .book-symbol-card-v24 .big{
  display:none !important;
}
.english-number-update-v41{
  margin:18px 0 8px;
  padding:14px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,#eaf5ff,#fff7d6);
  border:1px solid rgba(0,87,200,.14);
  box-shadow:0 12px 28px rgba(0,24,77,.08);
  color:#12315d;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  font-weight:900;
}
.english-number-update-v41 span{
  font-weight:700;
  line-height:1.8;
}
.english-number-learning-v41 .number-copy-v401 h2,
.english-number-learning-v41 .count-card-v401 strong{
  direction:ltr;
}
@media(max-width:640px){
  .english-number-icons-v41 .professional-lessons-v37{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .english-number-icons-v41 .number-card{
    min-height:245px !important;
    padding:10px 8px 12px !important;
  }
  .english-number-card-icon-v41{
    width:126px;
    height:126px;
    border-radius:24px;
    margin-bottom:6px;
  }
  .english-number-icons-v41 .number-card .lesson-info h3{
    font-size:15.5px !important;
  }
  .english-number-icons-v41 .number-card .lesson-info p{
    font-size:11.5px !important;
  }
  .english-number-pages-v41 .lesson-hero-icon-v32{
    width:150px !important;
    height:150px !important;
    border-radius:30px !important;
  }
  .english-number-pages-v41 .lesson-hero-icon-v32 img{
    border-radius:26px !important;
  }
}


/* V41.1 - أغاني الحروف العربية + تثبيت الأرقام الإنجليزية */
.arabic-letter-songs-v411{padding-top:18px}
.song-summary-v411{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:14px 0 22px}
.song-summary-v411 div{background:linear-gradient(135deg,#ffffff,#f3f9ff);border:1px solid var(--line);border-radius:24px;padding:18px;text-align:center;box-shadow:var(--shadow2)}
.song-summary-v411 strong{display:block;color:var(--primary);font-size:34px;line-height:1;font-weight:900}.song-summary-v411 span{display:block;color:var(--muted);font-weight:900;margin-top:8px}
.song-grid-v411{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:stretch}
.song-card-v411,.letter-song-box-v411{background:linear-gradient(180deg,#ffffff 0%,#f9fcff 100%);border:1px solid rgba(0,87,200,.14);border-radius:28px;box-shadow:var(--shadow2);overflow:hidden}
.song-card-v411{padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.song-card-v411:before{content:'♪';position:absolute;left:14px;top:10px;color:rgba(255,159,28,.25);font-size:58px;font-weight:900}
.song-card-head-v411{display:flex;align-items:center;gap:12px;position:relative}.song-card-head-v411 img{width:76px;height:76px;border-radius:22px;object-fit:cover;box-shadow:0 10px 22px rgba(0,87,200,.12)}
.song-card-head-v411 span{display:inline-flex;background:#fff3c4;color:#8a4a00;border:1px solid #ffd66b;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.song-card-head-v411 h3{margin:7px 0 4px;color:var(--primary);font-size:21px}.song-card-head-v411 p{margin:0;color:#5b6472;font-weight:900}
.song-lyrics-v411{white-space:pre-wrap;direction:rtl;text-align:right;margin:0;background:#fffaf0;border:1px dashed rgba(255,159,28,.44);border-radius:20px;padding:13px 14px;line-height:1.9;color:#24324a;font-family:inherit;font-size:15px;font-weight:800;max-height:260px;overflow:auto}
.song-audio-v411 audio,.letter-song-box-v411 audio{width:100%;margin:4px 0 0;border-radius:16px}.song-pending-v411,.song-status-ready-v411{border-radius:16px;padding:10px 12px;font-weight:900;line-height:1.7}.song-pending-v411{background:#f7fbff;border:1px dashed rgba(0,87,200,.28);color:#35506d}.song-status-ready-v411{background:#e9fff3;border:1px solid #a8ecc5;color:#0f7b47}.song-letter-link-v411{margin-top:auto;align-self:flex-start}.letter-song-box-v411{padding:18px;margin-bottom:16px}.letter-song-box-v411 .song-lyrics-v411{margin-bottom:12px}
@media(max-width:560px){.song-grid-v411{grid-template-columns:1fr}.song-card-head-v411 img{width:64px;height:64px}.song-card-head-v411 h3{font-size:19px}.song-lyrics-v411{font-size:14px}}


/* =========================================================
   Taalamony v43 — lesson icons integrated into section cards
   ========================================================= */
.section-pages-v37 .branch-tile{
  min-height:270px;
  padding:16px 12px 14px;
}
.section-pages-v37 img.branch-symbol.lesson-icon-v42{
  width:124px;
  height:124px;
  display:block;
  object-fit:contain;
  border-radius:32px;
  padding:0;
  margin:0 auto 2px;
  background:transparent;
  border:0;
  box-shadow:0 14px 26px rgba(0,24,77,.10);
  filter:drop-shadow(0 8px 14px rgba(0,24,77,.10));
}
.lesson-icons-v33 .lesson-hero-icon-v33.lesson-icon-v42{
  width:170px;
  height:170px;
  border-radius:36px;
  border:0;
  background:transparent;
  box-shadow:0 18px 34px rgba(0,24,77,.14);
}
.lesson-icons-v33 .lesson-hero-icon-v33.lesson-icon-v42 img{
  object-fit:contain;
  border-radius:36px;
}
.lesson-icons-v33 .book-symbol-card-v24{
  min-height:230px;
}
@media(max-width:640px){
  .section-pages-v37 .branch-tile{min-height:220px;padding:12px 8px}
  .section-pages-v37 img.branch-symbol.lesson-icon-v42{width:104px;height:104px;border-radius:26px}
  .lesson-icons-v33 .lesson-hero-icon-v33.lesson-icon-v42{width:132px;height:132px;border-radius:30px}
  .lesson-icons-v33 .book-symbol-card-v24{min-height:180px}
}


/* v44 payment + access control */
.readonly-field-v44{border:2px solid var(--line);border-radius:19px;padding:15px;font-family:inherit;font-size:18px;background:#f4fbff;color:var(--primary);font-weight:900}
.access-badge-v44{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid var(--line);margin-inline-start:4px;box-shadow:0 8px 18px rgba(0,24,77,.08)}
.access-badge-v44.free{background:#fff2c2;color:#9a6100;border-color:rgba(255,196,0,.62)}
.access-badge-v44.locked{background:#ffe8e8;color:#a82020;border-color:#ffb3b3}
.access-badge-v44.open{background:#e0f8ed;color:#0d6e46;border-color:#8ee0b8}
.paid-locked-v44{position:relative;filter:saturate(.78);}
.paid-locked-v44:after{content:'🔒';position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,24,77,.16);font-size:18px;z-index:4}
.paid-locked-v44:hover{transform:none!important;border-color:#ffb3b3!important}
.payment-hero-v44 .pro-hero-media{background:linear-gradient(135deg,#0057C8,#00A8F0,#FFC400)}
.payment-grid-v44{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:26px 0}
.payment-plan-v44{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow2);padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.payment-plan-v44.featured{border-color:rgba(0,87,200,.36);box-shadow:var(--shadow)}
.payment-plan-v44 h2{margin:0;color:var(--primary);font-size:24px}.payment-plan-v44 p{margin:0;color:var(--muted);line-height:1.8}.plan-price-v44{font-size:18px;color:#0d6e46}.plan-icon-v44{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf8ff,#fff2b8);box-shadow:0 14px 26px rgba(0,24,77,.10)}.plan-icon-v44 img{width:76px;height:76px;object-fit:contain}.payment-form-panel-v44{margin-top:14px}.payment-success-v44,.payment-failed-v44{text-align:center;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
@media(max-width:760px){.paid-locked-v44:after{top:10px;left:10px;width:32px;height:32px;border-radius:12px}.access-badge-v44{font-size:11px;padding:5px 8px}.payment-grid-v44{grid-template-columns:1fr}}

/* v45 manual real payment: wallet / InstaPay / Fawry */
.payment-methods-panel-v45{margin-top:18px}
.payment-methods-grid-v45{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}
.payment-method-card-v45{background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:.2s ease;min-height:190px}
.payment-method-card-v45:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.payment-method-card-v45.active{border-color:rgba(0,87,200,.55);box-shadow:0 18px 36px rgba(0,87,200,.16)}
.method-badge-v45{align-self:flex-start;background:#eaf8ff;border:1px solid rgba(0,87,200,.18);color:var(--primary);border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px}
.payment-method-card-v45 h3{margin:0;color:var(--ink);font-size:22px}
.payment-number-v45{font-size:24px;font-weight:1000;color:#0d6e46;direction:ltr;text-align:right;background:#fff;border:1px dashed rgba(0,87,200,.32);border-radius:18px;padding:10px 12px}
.copy-btn-v45{border:0;border-radius:18px;background:linear-gradient(135deg,#0057C8,#00A8F0);color:#fff;font-weight:900;padding:11px 14px;cursor:pointer;box-shadow:0 12px 22px rgba(0,87,200,.16)}
.payment-instructions-v45,.payment-summary-v45,.payment-success-details-v45{background:#fffdf3;border:1px solid rgba(255,196,0,.42);border-radius:22px;padding:14px 16px;color:#5a3b00;line-height:1.9;margin:12px 0}
.payment-summary-v45{background:#f2fbff;border-color:rgba(0,168,240,.25);color:#003c6b}
.payment-success-details-v45 bdi,.payment-summary-v45 bdi,.payment-instructions-v45 bdi{direction:ltr;unicode-bidi:embed;font-weight:1000}
.payment-v45 .activation-result .btn{margin:10px 6px 0 0}
@media(max-width:760px){.payment-methods-grid-v45{grid-template-columns:1fr}.payment-number-v45{font-size:21px}.payment-v45 .activation-result .btn{display:block;margin:10px 0 0}}


/* v46 pricing + protection */
.pricing-v46 .plan-price-v44{font-size:30px;color:#0d6e46;line-height:1.2}.pricing-v46 .plan-price-v44 span{font-size:42px;font-weight:900}.plan-note-v46{display:block;color:var(--muted);font-weight:800}.launch-badge-v46{position:absolute;top:16px;left:16px;border-radius:999px;padding:7px 11px;background:#fff7df;border:1px solid #ffd36a;color:#735000;font-weight:900;font-size:12px}.launch-badge-v46.best{background:#e0f8ed;border-color:#8ee0b8;color:#0d6e46}.security-summary-v46{margin-top:14px;border:1px solid #b7e6ff;background:#f3fbff;border-radius:22px;padding:14px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#075985;font-weight:900}.security-summary-v46 span{background:#fff;border:1px solid #d7efff;border-radius:999px;padding:7px 10px}.secure-badge-v46{display:inline-flex;align-items:center;border-radius:999px;background:#ffe8e8;color:#a82020;border:1px solid #ffb3b3;padding:4px 8px;font-size:11px;font-weight:900;margin-inline-start:5px}.secure-badge-v46.open{background:#e0f8ed;color:#0d6e46;border-color:#8ee0b8}.taalamony-watermark-v46{position:fixed;left:16px;bottom:16px;z-index:9999;pointer-events:none;opacity:.16;transform:rotate(-8deg);font-size:18px;font-weight:900;color:#00184d;background:rgba(255,255,255,.55);border:1px solid rgba(0,87,200,.22);border-radius:18px;padding:10px 14px;box-shadow:0 10px 28px rgba(0,24,77,.08)}.protected-file-link-v46{position:relative}.floating-safe-pay-v46{position:fixed;right:16px;bottom:16px;z-index:9998;max-width:360px;background:#fff7df;border:1px solid #ffd36a;color:#735000;border-radius:20px;padding:12px 14px;font-weight:900;box-shadow:0 12px 30px rgba(0,24,77,.14);line-height:1.7}@media(max-width:760px){.floating-safe-pay-v46{left:12px;right:12px;bottom:12px;max-width:none;font-size:13px}.taalamony-watermark-v46{font-size:13px;left:10px;bottom:78px}.pricing-v46 .plan-price-v44 span{font-size:34px}}


/* v48 section review before media */
.v48-review-banner{margin:18px 0 24px;border:1px solid rgba(0,87,200,.18);background:linear-gradient(135deg,#ffffff,#f4fbff);border-radius:28px;box-shadow:var(--shadow2);padding:18px;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:start;position:relative;overflow:hidden}
.v48-review-banner:before{content:"";position:absolute;inset:auto -50px -70px auto;width:170px;height:170px;border-radius:50%;background:rgba(255,196,0,.25)}
.v48-review-banner h2,.v48-review-banner h3{margin:0 0 8px;color:var(--primary)}
.v48-review-banner p{margin:0;color:var(--muted);line-height:1.8;font-weight:800}.v48-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v48-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:900;color:var(--primary);box-shadow:0 8px 16px rgba(0,24,77,.06)}.v48-pill.good{color:#0d6e46;background:#e0f8ed;border-color:#8ee0b8}.v48-pill.todo{color:#735000;background:#fff7df;border-color:#ffd36a}.v48-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.v48-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.v48-status-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2);padding:16px;display:flex;flex-direction:column;gap:8px;min-height:160px}.v48-status-card h3{margin:0;color:var(--primary);font-size:19px}.v48-status-card p{margin:0;color:var(--muted);line-height:1.7;font-weight:800}.v48-mini{font-size:12px;color:#735000;background:#fff7df;border:1px solid #ffd36a;border-radius:999px;padding:5px 9px;font-weight:900;width:max-content}.v48-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}.v48-book-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2);padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.v48-book-card:before{content:"PDF";position:absolute;top:14px;left:14px;background:#e0f8ed;color:#0d6e46;border:1px solid #8ee0b8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.v48-book-card h3{margin:0;color:var(--primary);padding-inline-start:52px}.v48-book-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.7}.v48-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:780px}.v48-table th{color:var(--primary);text-align:right;font-size:14px;padding:10px}.v48-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px;vertical-align:top;color:#274060;font-weight:800;line-height:1.7}.v48-table td:first-child{border-right:1px solid var(--line);border-radius:0 18px 18px 0;color:var(--primary);font-weight:900}.v48-table td:last-child{border-left:1px solid var(--line);border-radius:18px 0 0 18px}.v48-scroll{overflow:auto;padding-bottom:8px}.v48-fixed-note{background:#f3fbff;border:1px solid #b7e6ff;color:#075985;border-radius:22px;padding:14px;margin:16px 0;font-weight:900;line-height:1.9}.v48-print-note{background:#fff7df;border:1px solid #ffd36a;color:#735000;border-radius:22px;padding:14px;margin:16px 0;font-weight:900;line-height:1.9}
@media(max-width:760px){.v48-review-banner{grid-template-columns:1fr}.v48-table{min-width:680px}}


/* v49 media structure */
.v49-media-stage{padding-top:8px}.v49-media-panel{background:linear-gradient(135deg,#fff,#f3fbff);border:1px solid rgba(0,87,200,.18);border-radius:30px;box-shadow:var(--shadow2);padding:18px;margin:20px 0;position:relative;overflow:hidden}.v49-media-panel:before{content:"";position:absolute;inset:auto -50px -70px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,196,0,.23)}.v49-media-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.v49-media-head h2{margin:0;color:var(--primary);font-size:25px}.v49-media-head p{margin:6px 0 0;color:var(--muted);font-weight:800;line-height:1.8}.v49-media-badge{background:#e0f8ed;color:#0d6e46;border:1px solid #8ee0b8;border-radius:999px;padding:8px 12px;font-weight:900;white-space:nowrap}.v49-media-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.v49-media-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:0 10px 24px rgba(0,24,77,.06);display:flex;flex-direction:column;gap:9px;min-height:170px}.v49-media-card h3{margin:0;color:var(--primary);font-size:18px}.v49-media-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.7}.v49-media-icon{font-size:28px;width:52px;height:52px;border-radius:18px;background:#f2f7ff;display:flex;align-items:center;justify-content:center}.v49-ready{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#e0f8ed;color:#0d6e46;border:1px solid #8ee0b8}.v49-soon{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#fff7df;color:#735000;border:1px solid #ffd36a}.v49-notneeded{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#f3f4f6;color:#475569;border:1px solid #e2e8f0}.v49-media-card audio,.v49-media-card video{width:100%;max-height:190px;border-radius:16px}.v49-assessment-box{position:relative;margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 10px 24px rgba(0,24,77,.05)}.v49-assessment-box h3{margin:0 0 8px;color:var(--primary)}.v49-question{font-weight:900;color:#274060;line-height:1.8;margin-bottom:10px}.v49-options{display:flex;gap:10px;flex-wrap:wrap}.v49-options button{border:1px solid var(--line);background:#f8fbff;color:#14325c;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.v49-options button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,24,77,.08)}.v49-options button.correct{background:#e0f8ed;border-color:#8ee0b8;color:#0d6e46}.v49-options button.wrong{background:#ffe8e8;border-color:#ffb4b4;color:#b42318}.v49-quiz-status{min-height:24px;margin:10px 0 0;font-weight:900}.v49-media-mini{font-size:12px;color:#64748b;font-weight:800;line-height:1.6}.v49-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}.v49-plan-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow2)}.v49-plan-card h3{margin:0 0 8px;color:var(--primary)}.v49-plan-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.8}.v49-progress-list{display:grid;gap:10px}.v49-progress-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:160px 1fr;gap:8px;align-items:center}.v49-progress-item strong{color:var(--primary)}.v49-track{height:12px;border-radius:999px;background:#eef4fb;overflow:hidden}.v49-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0057c8,#00a86b)}@media(max-width:680px){.v49-progress-item{grid-template-columns:1fr}.v49-media-head h2{font-size:22px}}


/* v51 security layer without watermark */
html.taalamony-protected-v51, body.taalamony-protected-v51 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
body.taalamony-protected-v51 img,
body.taalamony-protected-v51 video,
body.taalamony-protected-v51 canvas,
body.taalamony-protected-v51 svg {
  -webkit-user-drag: none;
  user-drag: none;
}
body.taalamony-protected-v51 input,
body.taalamony-protected-v51 textarea,
body.taalamony-protected-v51 [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.taalamony-protection-cover-v51 {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2147483000;
  background: radial-gradient(circle at 50% 20%, rgba(255,255,255,.96), rgba(232,244,255,.98) 45%, rgba(0,87,200,.13));
  backdrop-filter: blur(10px);
  padding: 22px;
  direction: rtl;
}
body.taalamony-covered-v51 .taalamony-protection-cover-v51 { display: flex; }
body.taalamony-covered-v51 main,
body.taalamony-covered-v51 header,
body.taalamony-covered-v51 footer {
  filter: blur(18px);
  pointer-events: none;
}
.taalamony-protection-card-v51 {
  width: min(520px, 94vw);
  border-radius: 34px;
  border: 1px solid rgba(0,87,200,.20);
  background: linear-gradient(135deg, #ffffff, #f3fbff);
  box-shadow: 0 24px 70px rgba(0,24,77,.22);
  text-align: center;
  padding: 30px 22px;
  color: #14325c;
}
.protection-icon-v51 {
  width: 78px;
  height: 78px;
  margin: 0 auto 12px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff7df;
  border: 1px solid #ffd36a;
  font-size: 40px;
}
.taalamony-protection-card-v51 h2 {
  margin: 0 0 10px;
  color: var(--primary, #0057c8);
  font-size: 30px;
}
.taalamony-protection-card-v51 p {
  margin: 8px 0;
  color: #415a7a;
  line-height: 1.9;
  font-weight: 800;
}
.taalamony-protection-card-v51 .small {
  font-size: 14px;
  color: #735000;
}
.protection-continue-v51 { margin-top: 12px; min-width: 170px; }
@media print {
  body.taalamony-protected-v51 * { visibility: hidden !important; }
  body.taalamony-protected-v51::before {
    content: "المحتوى محمي داخل منصة علموني ولا يمكن طباعته من المتصفح.";
    visibility: visible !important;
    display: block;
    position: fixed;
    inset: 40% 5% auto 5%;
    direction: rtl;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #0057c8;
  }
}


/* v52 - جدول الحصص المباشرة والتذكيرات */
.v52-live-page .live-hero-v52 .hero-panel{background:linear-gradient(135deg,#fff 0%,#eef9ff 52%,#fff7df 100%)}
.live-next-card-v52{min-height:260px}.next-live-box-v52{margin-top:14px;background:#fff;border:2px solid rgba(0,168,240,.24);border-radius:22px;padding:14px;line-height:1.9;color:var(--navy);font-weight:900}.next-live-box-v52 span{color:var(--muted);font-weight:800}.live-info-grid-v52{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 22px}.live-info-card-v52{background:#fff;border:1px solid rgba(0,168,240,.22);border-radius:22px;padding:16px;box-shadow:var(--shadow2);display:grid;gap:6px}.live-info-card-v52 strong{color:var(--primary);font-size:18px}.live-info-card-v52 span{color:var(--muted);line-height:1.7;font-weight:800}.live-grid-v52{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.live-card-v52{background:#fff;border:1px solid rgba(0,168,240,.22);border-radius:28px;padding:18px;box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:14px}.live-card-head-v52{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center}.live-card-head-v52 img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,24,77,.14))}.live-card-head-v52 h3{margin:5px 0;color:var(--primary);font-size:21px}.live-card-head-v52 p{margin:0;color:var(--muted);font-weight:800;line-height:1.7}.live-badge-v52{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:900}.live-now-v52{background:#e0f8ed;color:#0d6e46}.soon-v52{background:#fff3d0;color:#7a4b00}.upcoming-v52{background:#eaf4ff;color:#0057c8}.live-meta-v52{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-meta-v52 span{background:#f6fbff;border:1px solid rgba(0,168,240,.18);border-radius:14px;padding:8px 10px;color:#24496e;font-weight:800;line-height:1.5}.live-date-v52{background:#fff9e8;border:1px dashed rgba(255,196,0,.9);border-radius:18px;padding:11px 12px;color:#735000;font-weight:900;line-height:1.8}.live-actions-v52{display:flex;flex-wrap:wrap;gap:8px}.live-actions-v52 .btn{padding:10px 13px;font-size:14px;border-radius:15px}.live-note-v52{color:var(--muted);font-size:14px;font-weight:800;line-height:1.7}.live-reminders-panel-v52{background:#fff;border:1px solid rgba(0,168,240,.22);border-radius:26px;padding:16px;box-shadow:var(--shadow2)}.muted-v52{color:var(--muted);font-weight:800;line-height:1.8}.reminder-row-v52{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.reminder-row-v52:last-child{border-bottom:0}.reminder-row-v52 strong{color:var(--primary)}.reminder-row-v52 span{color:var(--muted);font-weight:800}.v52-live-note{margin-top:14px;line-height:1.9}
@media(max-width:620px){.live-grid-v52{grid-template-columns:1fr}.live-card-head-v52{grid-template-columns:64px 1fr}.live-card-head-v52 img{width:64px;height:64px}.live-meta-v52,.reminder-row-v52{grid-template-columns:1fr}.live-actions-v52 .btn{width:100%}}


/* =========================================================
   Taalamony v53 — Soft Kids Theme + Contact Center
   هوية طفولية ناعمة + تنظيم الاتصال والواتساب والإيميل
   ========================================================= */
:root{
  --kids-blue:#0B63CE;
  --kids-sky:#EAF8FF;
  --kids-sky2:#DFF5FF;
  --kids-cream:#FFF8E8;
  --kids-peach:#FFF0DF;
  --kids-orange:#FF7A1A;
  --kids-yellow:#FFD166;
  --kids-green:#23B26D;
  --kids-purple:#8B5CF6;
  --kids-pink:#FFEEF5;
  --kids-ink:#11335F;
  --kids-soft-line:#CFEFFF;
  --shadow-kids:0 18px 42px rgba(11,99,206,.13);
}
html{background:#f7fcff;}
body{
  color:var(--kids-ink);
  background:
    radial-gradient(circle at 8% 12%, rgba(255,209,102,.36), transparent 22%),
    radial-gradient(circle at 92% 10%, rgba(120,213,255,.30), transparent 24%),
    radial-gradient(circle at 72% 92%, rgba(35,178,109,.12), transparent 28%),
    linear-gradient(135deg,#f3fbff 0%,#fffdf7 52%,#fff3e9 100%) !important;
}
.bg-dots{opacity:.28;background-image:radial-gradient(rgba(11,99,206,.34) 1.1px,transparent 1.1px),radial-gradient(rgba(255,209,102,.42) 1.1px,transparent 1.1px);background-size:30px 30px,46px 46px;background-position:0 0,14px 18px;}
.topbar{background:rgba(255,255,255,.76)!important;box-shadow:0 10px 30px rgba(11,99,206,.08);border-bottom:1px solid rgba(207,239,255,.86)}
.brand-word strong,.section-title,.card h3,.tool-box h2,.live-card-head-v52 h3{color:var(--kids-blue)!important;letter-spacing:-.3px}
.nav-links a,.nav-links button,.pill{background:rgba(255,255,255,.92);border:1px solid rgba(207,239,255,.96);box-shadow:0 8px 18px rgba(11,99,206,.08);color:#123a6d;transition:.2s ease}.nav-links a:hover,.nav-links button:hover,.pill:hover{transform:translateY(-2px);background:#fff6df;color:#0b63ce;border-color:#ffd166}.contact-nav-v53{background:linear-gradient(135deg,#fff,#fff3dc)!important;border-color:rgba(255,122,26,.35)!important;color:#9a4a00!important}
.hero-panel,.login-showcase{background:linear-gradient(135deg,#ffffff 0%,#eaf8ff 45%,#fff7df 100%)!important;color:var(--kids-ink)!important;border:1px solid rgba(207,239,255,.95)}
.hero-panel h1,.login-showcase h1{color:var(--kids-blue)!important;text-shadow:none}.hero-panel p,.login-showcase p{color:#4a6381!important;opacity:1!important;font-weight:800}.hero-logo-card,.login-card,.card,.tool-box,.payment-plan-v44,.live-card-v52,.live-reminders-panel-v52{border:1px solid rgba(207,239,255,.95)!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;box-shadow:var(--shadow-kids)!important}.hero-logo-card{background:rgba(255,255,255,.72)!important}.stat{background:#fff!important;border:1px solid rgba(207,239,255,.9)!important;color:var(--kids-ink)}.stat strong{color:var(--kids-orange)}.stat span{color:#526a88}.tag{background:#fff5d6!important;border-color:#ffd166!important;color:#8a4a00!important}
.btn{border-radius:18px;box-shadow:0 12px 26px rgba(11,99,206,.12)}.btn.primary{background:linear-gradient(135deg,#ff8a1f,#f4511e)!important;color:#fff!important}.btn.secondary{background:#fff!important;color:var(--kids-blue)!important;border:1px solid rgba(207,239,255,.95)}.btn.green{background:linear-gradient(135deg,#32c67b,#159b5d)!important;color:#fff!important}.btn.purple{background:linear-gradient(135deg,#8b5cf6,#5b8cff)!important;color:#fff!important}.btn.ghost{background:#eef9ff!important;color:var(--kids-blue)!important;border:1px solid rgba(207,239,255,.95)}
.login-page{align-items:center;background:transparent}.login-shell{gap:26px}.login-card{padding:36px;border-radius:42px}.login-showcase{padding:38px;border-radius:42px}.login-showcase:after{content:"";position:absolute;right:22px;bottom:18px;width:130px;height:72px;border-radius:999px;background:rgba(255,209,102,.20);filter:blur(2px)}.login-card h2{font-size:35px;color:var(--kids-blue)}.form-group input{background:#fff;border-color:#cfefff;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.quick-links a{background:#fff;border-color:#d7efff;transition:.2s ease}.quick-links a:hover{transform:translateY(-3px);background:#fff8e8}.guard-note,.login-hint{background:#f0fbff!important;border:1px solid #bdecff!important;color:#275a7e!important}.contact-strip{background:#fffaf0!important;border:1px solid rgba(255,122,26,.28)!important;color:#163a68!important;box-shadow:0 12px 26px rgba(255,122,26,.10)}.contact-strip b{color:#f4511e!important}.contact-strip .contact-mini-v53{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.contact-strip .contact-mini-v53 a{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:#fff;border:1px solid rgba(207,239,255,.9);font-size:12px;font-weight:900;color:#0b63ce}.card{border-radius:32px}.card:hover{border-color:#ffd166!important;box-shadow:0 20px 44px rgba(255,122,26,.13)!important}.card-icon{background:linear-gradient(135deg,#eaf8ff,#fff4c8)!important}.section{position:relative}.footer{background:linear-gradient(135deg,#0B63CE,#004A9F)!important;border-top-left-radius:40px;border-top-right-radius:40px}.section-sub,.card p,.muted-v52{color:#5b728e!important}.system-card-icon-v34 img,.card-media img,.lesson-hero-icon-v31 img,.lesson-hero-icon-v33 img{filter:drop-shadow(0 14px 22px rgba(11,99,206,.12))}
/* Contact page */
.contact-page-v53 .contact-hero-v53{padding-top:28px}.contact-panel-v53{background:linear-gradient(135deg,#ffffff,#eaf8ff 52%,#fff7df);border:1px solid rgba(207,239,255,.95);border-radius:44px;box-shadow:var(--shadow-kids);padding:30px;overflow:hidden;position:relative}.contact-panel-v53:before{content:"";position:absolute;left:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,209,102,.26)}.contact-panel-grid-v53{position:relative;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center}.contact-panel-v53 h1{margin:8px 0 12px;color:var(--kids-blue);font-size:clamp(36px,5vw,62px);line-height:1.22}.contact-panel-v53 p{margin:0;color:#526a88;font-size:19px;line-height:1.9;font-weight:800}.contact-hero-icon-v53{background:#fff;border:1px solid rgba(207,239,255,.95);border-radius:38px;padding:20px;box-shadow:0 18px 40px rgba(11,99,206,.12);text-align:center}.contact-hero-icon-v53 img{width:min(250px,100%)}.contact-methods-v53{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin-top:22px}.contact-method-v53{background:#fff;border:1px solid rgba(207,239,255,.95);border-radius:30px;padding:18px;box-shadow:var(--shadow-kids);display:flex;flex-direction:column;gap:10px;min-height:210px}.contact-method-v53 .cm-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#eaf8ff,#fff4c8)}.contact-method-v53 h3{margin:0;color:var(--kids-blue);font-size:24px}.contact-method-v53 p{margin:0;color:#5b728e;line-height:1.7;font-weight:800}.contact-method-v53 strong,.contact-method-v53 bdi{color:#0b3e7a;font-size:20px;font-weight:1000}.contact-actions-v53{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.contact-actions-v53 .btn{padding:10px 13px;font-size:14px;border-radius:15px}.contact-note-v53{margin-top:18px;background:#fffaf0;border:1px solid rgba(255,209,102,.8);border-radius:24px;padding:16px;color:#735000;font-weight:900;line-height:1.9}.contact-plan-v53{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}.contact-plan-v53 div{background:#fff;border:1px solid rgba(207,239,255,.95);border-radius:24px;padding:16px;box-shadow:0 10px 24px rgba(11,99,206,.08)}.contact-plan-v53 strong{display:block;color:var(--kids-blue);font-size:20px;margin-bottom:6px}.contact-plan-v53 span{color:#5b728e;font-weight:800;line-height:1.7}
/* Floating contact widget */
.floating-contact-v53{position:fixed;right:18px;bottom:18px;z-index:2147482000;border:0;border-radius:999px;background:linear-gradient(135deg,#23b26d,#0b63ce);color:#fff;display:flex;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-weight:1000;box-shadow:0 18px 40px rgba(11,99,206,.22);cursor:pointer}.floating-contact-v53 img{width:34px;height:34px;border-radius:12px;background:#fff;padding:3px}.floating-contact-v53:hover{transform:translateY(-2px)}.contact-widget-panel-v53{position:fixed;right:18px;bottom:82px;width:min(360px,calc(100vw - 36px));z-index:2147482000;background:#fff;border:1px solid rgba(207,239,255,.95);border-radius:30px;box-shadow:0 24px 70px rgba(0,24,77,.22);padding:16px;display:none;direction:rtl}.contact-widget-panel-v53.open{display:block}.contact-widget-head-v53{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.contact-widget-head-v53 strong{color:var(--kids-blue);font-size:20px}.contact-widget-close-v53{border:0;background:#fff4e8;color:#a84800;border-radius:12px;width:34px;height:34px;font-weight:900;cursor:pointer}.contact-widget-panel-v53 p{margin:0 0 12px;color:#5b728e;font-weight:800;line-height:1.7}.contact-widget-links-v53{display:grid;gap:9px}.contact-widget-links-v53 a{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(207,239,255,.95);background:#f8fdff;border-radius:18px;padding:11px 12px;font-weight:900;color:#11335f}.contact-widget-links-v53 a:hover{background:#fff8e8;border-color:#ffd166}.contact-widget-links-v53 small{color:#6b7d92;font-weight:800;direction:ltr}.contact-widget-note-v53{font-size:12px!important;color:#735000!important;background:#fffaf0;border:1px solid rgba(255,209,102,.65);border-radius:16px;padding:9px;margin-top:10px!important}
@media(max-width:860px){.contact-panel-grid-v53{grid-template-columns:1fr}.contact-hero-icon-v53{max-width:320px;margin:auto}.login-shell{grid-template-columns:1fr}.login-showcase{order:2}.login-card{order:1}.nav{justify-content:center}.brand{width:100%;justify-content:center}.nav-links{justify-content:center}.contact-panel-v53{padding:22px}.floating-contact-v53 span{display:none}.floating-contact-v53{padding:10px}.floating-contact-v53 img{width:38px;height:38px}}


/* =========================================================
   Taalamony v55 — Login Contact Polish
   تنظيم احترافي لصفحة الدخول + واتساب وإيميل واتصال واضح
   ========================================================= */
body.v55-login-polish{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 15%, rgba(255,209,102,.40), transparent 20%),
    radial-gradient(circle at 85% 18%, rgba(120,213,255,.38), transparent 22%),
    radial-gradient(circle at 72% 88%, rgba(35,178,109,.16), transparent 24%),
    linear-gradient(135deg,#f4fbff 0%,#ffffff 48%,#fff4e8 100%) !important;
}
body.v55-login-polish .login-page{
  padding:28px 18px;
  position:relative;
  overflow:hidden;
}
body.v55-login-polish .login-page:before,
body.v55-login-polish .login-page:after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:999px;
  opacity:.75;
}
body.v55-login-polish .login-page:before{
  width:180px;height:180px;right:7%;top:7%;
  background:radial-gradient(circle,#fff 0 18%,#ffd166 19% 23%,transparent 24%),
             radial-gradient(circle at 70% 72%,#23b26d 0 10%,transparent 12%);
  filter:blur(.2px);
}
body.v55-login-polish .login-page:after{
  width:220px;height:120px;left:8%;bottom:5%;
  background:linear-gradient(135deg,rgba(234,248,255,.95),rgba(255,248,232,.95));
  border:1px solid rgba(207,239,255,.95);
}
body.v55-login-polish .login-shell{
  position:relative;
  z-index:1;
  width:min(1080px,96vw);
  gap:24px;
  align-items:stretch;
}
body.v55-login-polish .login-showcase,
body.v55-login-polish .login-card{
  border-radius:44px !important;
  border:1px solid rgba(207,239,255,.98) !important;
  box-shadow:0 24px 62px rgba(0,72,160,.13) !important;
}
body.v55-login-polish .login-showcase{
  padding:30px 32px !important;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,209,102,.28),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(35,178,109,.12),transparent 26%),
    linear-gradient(160deg,#ffffff 0%,#eefaff 54%,#fff5df 100%) !important;
  justify-content:flex-start;
}
body.v55-login-polish .login-showcase > img:first-child{
  width:min(345px,88%) !important;
  margin:0 auto 10px !important;
  filter:drop-shadow(0 16px 22px rgba(11,99,206,.14)) !important;
}
.login-text-panel-v55{
  width:100%;
  max-width:430px;
  margin:0 auto 16px;
  padding:16px 18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(207,239,255,.96);
  border-radius:30px;
  text-align:center;
  box-shadow:0 14px 30px rgba(11,99,206,.08);
  backdrop-filter:blur(6px);
}
.login-brand-badge-v55{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff5ce,#eaf8ff);
  color:#9a4a00;
  border:1px solid rgba(255,209,102,.8);
  font-weight:1000;
  margin-bottom:8px;
}
body.v55-login-polish .login-showcase h1{
  margin:0 0 8px !important;
  color:#0B63CE !important;
  font-size:clamp(32px,4.2vw,45px) !important;
  line-height:1.2 !important;
}
body.v55-login-polish .login-showcase p{
  margin:0 !important;
  color:#385a7b !important;
  font-size:17px !important;
  line-height:1.85 !important;
  font-weight:900 !important;
}
body.v55-login-polish .login-feature-icons-v34{
  margin:6px auto 14px;
  gap:10px;
}
body.v55-login-polish .login-feature-v34{
  min-width:112px;
  background:rgba(255,255,255,.86);
  border-color:rgba(207,239,255,.95);
}
body.v55-login-polish .contact-strip-v55{
  width:100%;
  max-width:430px;
  margin:6px auto 0;
  padding:16px 17px !important;
  border-radius:28px !important;
  text-align:center;
  background:#fffdf7 !important;
  border:2px solid rgba(255,209,102,.95) !important;
  box-shadow:0 16px 32px rgba(255,122,26,.13) !important;
}
.contact-strip-title-v55{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#ff8a1f,#f4511e);
  font-weight:1000;
  margin-bottom:8px;
}
body.v55-login-polish .contact-strip-v55 strong{
  display:block;
  color:#0B63CE !important;
  font-size:18px !important;
  margin:2px 0 3px;
}
body.v55-login-polish .contact-strip-v55 b{
  display:block;
  direction:ltr;
  unicode-bidi:embed;
  color:#f4511e !important;
  font-size:22px;
  font-weight:1000;
  margin-bottom:10px;
}
.contact-action-row-v55{
  display:grid;
  grid-template-columns:1.35fr .9fr .9fr;
  gap:8px;
}
.contact-action-row-v55 a,
.login-support-actions-v55 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 11px;
  border-radius:17px;
  font-size:14px;
  font-weight:1000;
  border:1px solid transparent;
  box-shadow:0 8px 18px rgba(11,99,206,.08);
  white-space:nowrap;
}
.contact-action-row-v55 .whatsapp,
.support-wa-v55{
  color:#fff !important;
  background:linear-gradient(135deg,#25D366,#128C4B) !important;
}
.contact-action-row-v55 .email,
.support-email-v55{
  color:#0B63CE !important;
  background:#f0fbff !important;
  border-color:#bdecff !important;
}
.contact-action-row-v55 .call,
.support-call-v55{
  color:#8a4a00 !important;
  background:#fff5d6 !important;
  border-color:#ffd166 !important;
}
body.v55-login-polish .login-card{
  padding:32px 34px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}
body.v55-login-polish .system-card-icon-v34{
  width:98px;height:98px;
  border-radius:30px;
  margin-bottom:10px;
  box-shadow:0 12px 26px rgba(11,99,206,.10);
}
body.v55-login-polish .login-card h2{
  text-align:center;
  font-size:34px !important;
  margin-bottom:6px !important;
}
body.v55-login-polish .login-card > p{
  text-align:center;
  color:#526a88 !important;
  font-size:16px;
  line-height:1.85;
  margin-bottom:16px;
}
body.v55-login-polish .form-group label{
  color:#173b66;
}
body.v55-login-polish .form-group input{
  min-height:52px;
  border-radius:20px !important;
  border:2px solid #d3efff !important;
  background:#fff !important;
}
body.v55-login-polish .btn.primary{
  min-height:54px;
  border-radius:20px !important;
  font-size:18px;
}
.quick-links-v55{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:10px !important;
  margin-top:16px !important;
}
.quick-links-v55 a{
  display:flex !important;
  min-height:58px;
  justify-content:center;
  align-items:center;
  gap:8px;
  border-radius:22px !important;
  padding:10px 12px !important;
  background:#fff !important;
  color:#0B63CE !important;
  border:1px solid #d7efff !important;
  box-shadow:0 10px 22px rgba(11,99,206,.08) !important;
}
.quick-links-v55 a:hover{
  transform:translateY(-3px) scale(1.01);
  border-color:#ffd166 !important;
  background:#fff8e8 !important;
}
.quick-links-v55 a img{
  width:36px !important;
  height:36px !important;
}
.quick-links-v55 .subscribe-quick-v55{
  color:#fff !important;
  background:linear-gradient(135deg,#ff8a1f,#f4511e) !important;
  border-color:transparent !important;
}
.quick-links-v55 .contact-quick-v55{
  color:#fff !important;
  background:linear-gradient(135deg,#23b26d,#0B63CE) !important;
  border-color:transparent !important;
}
.login-support-box-v55{
  margin-top:14px;
  padding:15px;
  border-radius:24px;
  background:linear-gradient(135deg,#f0fbff,#fffaf0);
  border:1px solid rgba(207,239,255,.95);
  box-shadow:0 12px 26px rgba(11,99,206,.08);
  text-align:center;
}
.login-support-box-v55 strong{
  display:block;
  color:#0B63CE;
  font-size:18px;
  margin-bottom:4px;
}
.login-support-box-v55 p{
  margin:0 0 10px !important;
  color:#526a88 !important;
  line-height:1.7 !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.login-support-actions-v55{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:8px;
}
body.v55-login-polish .guard-note{
  margin-top:13px;
  border-radius:22px !important;
  text-align:center;
  font-size:15px;
}
body.v55-login-polish .floating-contact-v53{
  right:auto;
  left:18px;
  background:linear-gradient(135deg,#25D366,#0B63CE) !important;
}
body.v55-login-polish .contact-widget-panel-v53{
  right:auto;
  left:18px;
}
@media(max-width:900px){
  body.v55-login-polish .login-shell{grid-template-columns:1fr;max-width:620px;}
  body.v55-login-polish .login-showcase{order:2;}
  body.v55-login-polish .login-card{order:1;}
}
@media(max-width:520px){
  body.v55-login-polish .login-page{padding:14px 10px;}
  body.v55-login-polish .login-card,
  body.v55-login-polish .login-showcase{padding:22px 16px !important;border-radius:30px !important;}
  .quick-links-v55,.contact-action-row-v55,.login-support-actions-v55{grid-template-columns:1fr !important;}
  body.v55-login-polish .login-showcase > img:first-child{width:min(295px,92%) !important;}
  .login-text-panel-v55{padding:13px;border-radius:24px;}
  body.v55-login-polish .login-showcase h1{font-size:30px !important;}
}


/* =========================================================
   اعتماد خلفية أزرق غامق - Taalamony Login
   نسخة v53c لصفحة الدخول المعتمدة
   ========================================================= */
body.dark-blue-preview-v54{
  color:#f8fbff;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,209,102,.28) 0 0, transparent 120px),
    radial-gradient(circle at 85% 18%, rgba(35,178,109,.22) 0 0, transparent 135px),
    radial-gradient(circle at 50% 102%, rgba(0,168,240,.28) 0 0, transparent 280px),
    linear-gradient(135deg,#03163f 0%,#062b66 38%,#0a4da0 72%,#0c6bc5 100%) !important;
  min-height:100vh;
  overflow-x:hidden;
}
body.dark-blue-preview-v54 .bg-dots{
  opacity:.22;
  background-image:radial-gradient(rgba(255,255,255,.32) 1.15px,transparent 1.15px) !important;
  background-size:30px 30px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
body.dark-blue-preview-v54 .login-page{
  position:relative;
  overflow:hidden;
}
body.dark-blue-preview-v54 .login-page:before,
body.dark-blue-preview-v54 .login-page:after{
  content:"";
  position:fixed;
  pointer-events:none;
  border-radius:50%;
  z-index:0;
}
body.dark-blue-preview-v54 .login-page:before{
  width:210px;height:210px;
  right:9vw;top:16vh;
  border:10px solid rgba(255,209,102,.75);
  box-shadow:32px 34px 0 -8px rgba(35,178,109,.78);
  opacity:.72;
}
body.dark-blue-preview-v54 .login-page:after{
  width:250px;height:250px;
  left:7vw;bottom:6vh;
  background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.03) 62%,transparent 63%);
  border:1px solid rgba(255,255,255,.14);
}
body.dark-blue-preview-v54 .login-shell{
  position:relative;
  z-index:1;
  width:min(1080px,94vw) !important;
  gap:24px !important;
}
body.dark-blue-preview-v54 .login-card,
body.dark-blue-preview-v54 .login-showcase{
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 30px 70px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}
body.dark-blue-preview-v54 .login-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,252,255,.96) 100%) !important;
  color:#0b2341 !important;
}
body.dark-blue-preview-v54 .login-card h2,
body.dark-blue-preview-v54 .login-support-box-v55 strong{
  color:#0b63ce !important;
}
body.dark-blue-preview-v54 .login-card > p,
body.dark-blue-preview-v54 .login-support-box-v55 p{
  color:#46647f !important;
}
body.dark-blue-preview-v54 .form-group label{
  color:#102f55 !important;
}
body.dark-blue-preview-v54 .form-group input{
  background:#ffffff !important;
  border-color:#bee9ff !important;
  box-shadow:0 8px 18px rgba(6,43,102,.04) inset !important;
}
body.dark-blue-preview-v54 .btn.primary{
  background:linear-gradient(135deg,#ff8a1f,#ff531f) !important;
  box-shadow:0 16px 28px rgba(255,96,24,.24) !important;
}
body.dark-blue-preview-v54 .quick-links-v55 .subscribe-quick-v55{
  background:linear-gradient(135deg,#ff8a1f,#ff531f) !important;
  box-shadow:0 14px 24px rgba(255,96,24,.20) !important;
}
body.dark-blue-preview-v54 .quick-links-v55 .contact-quick-v55{
  background:linear-gradient(135deg,#22c55e,#0ea5e9) !important;
}
body.dark-blue-preview-v54 .login-support-box-v55,
body.dark-blue-preview-v54 .guard-note{
  background:linear-gradient(135deg,#ffffff,#eefaff) !important;
  border-color:#bdecff !important;
}
body.dark-blue-preview-v54 .guard-note{
  color:#075985 !important;
}
body.dark-blue-preview-v54 .login-showcase{
  background:
    radial-gradient(circle at 20% 12%,rgba(255,209,102,.18),transparent 30%),
    radial-gradient(circle at 84% 14%,rgba(35,178,109,.16),transparent 28%),
    linear-gradient(160deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 45%,rgba(255,247,223,.12) 100%) !important;
  color:#ffffff !important;
  backdrop-filter:blur(16px);
  justify-content:center !important;
}
body.dark-blue-preview-v54 .login-showcase:before{
  background:rgba(255,255,255,.08) !important;
}
body.dark-blue-preview-v54 .login-showcase > img:first-child{
  width:min(335px,88%) !important;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.25)) drop-shadow(0 0 26px rgba(255,255,255,.12)) !important;
}
body.dark-blue-preview-v54 .login-text-panel-v55{
  background:linear-gradient(180deg,rgba(3,22,63,.78),rgba(6,43,102,.58)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 20px 45px rgba(0,0,0,.22) !important;
}
body.dark-blue-preview-v54 .login-brand-badge-v55{
  background:linear-gradient(135deg,#ffdf72,#fff3c4) !important;
  color:#7a3f00 !important;
  border-color:rgba(255,255,255,.45) !important;
}
body.dark-blue-preview-v54 .login-showcase h1{
  color:#ffffff !important;
  text-shadow:0 6px 18px rgba(0,0,0,.22);
}
body.dark-blue-preview-v54 .login-showcase p{
  color:#eaf8ff !important;
  text-shadow:0 4px 14px rgba(0,0,0,.18);
}
body.dark-blue-preview-v54 .login-feature-v34{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(255,255,255,.50) !important;
  box-shadow:0 15px 30px rgba(0,0,0,.14) !important;
}
body.dark-blue-preview-v54 .login-feature-v34 span{
  color:#063b80 !important;
}
body.dark-blue-preview-v54 .contact-strip-v55{
  background:linear-gradient(180deg,#ffffff 0%,#fff7df 100%) !important;
  border:2px solid rgba(255,209,102,.95) !important;
  box-shadow:0 22px 38px rgba(0,0,0,.18) !important;
}
body.dark-blue-preview-v54 .contact-strip-v55 strong{
  color:#0b63ce !important;
}
body.dark-blue-preview-v54 .contact-strip-v55 b{
  color:#ff531f !important;
}
body.dark-blue-preview-v54 .floating-contact-v53{
  background:linear-gradient(135deg,#22c55e,#0ea5e9) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
body.dark-blue-preview-v54 .contact-widget-panel-v53{
  box-shadow:0 28px 65px rgba(0,0,0,.30) !important;
}
@media(max-width:900px){
  body.dark-blue-preview-v54 .login-page:before{right:4vw;top:7vh;transform:scale(.72);}
  body.dark-blue-preview-v54 .login-page:after{left:-50px;bottom:-60px;}
}


/* v55 text audit polish: prevent contact text overflow and keep labels readable */
.contact-card-v53,
.contact-card-v53 p,
.contact-card-v53 bdi,
.contact-method-v53 bdi,
.contact-widget-links-v53 small,
.contact-strip b,
.contact-strip strong{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.contact-card-v53 p{font-size:15px;line-height:1.75;text-align:center;}
.contact-card-v53 .contact-line-v55{display:block;direction:rtl;unicode-bidi:plaintext;}
.contact-card-v53 bdi{direction:ltr;unicode-bidi:isolate;font-size:15px;}
.branch-count{white-space:normal;text-align:center;line-height:1.6;}
.card h3{line-height:1.35;}
.card p{font-size:15px;}
@media(max-width:700px){.contact-card-v53 p{font-size:14px}.contact-card-v53 bdi{font-size:14px}}


/* V56 — text polish and long contact wrapping */
.contact-card-v53 bdi, .contact-method-v53 bdi, .contact-strip bdi, .contact-strip-v55 bdi, .footer bdi{overflow-wrap:anywhere;word-break:break-word;direction:ltr;unicode-bidi:isolate;}
.contact-card-v53 p{max-width:100%;overflow-wrap:anywhere;}
.contact-card-v53 .contact-line-v55{display:block;max-width:100%;overflow-wrap:anywhere;font-size:0.95rem;}
.contact-card-v53 .contact-line-v55 bdi{font-size:0.9rem;color:#0b63ce;}
.login-support-box-v55 strong{font-size:1.05rem;}