
/* ===== إغلاق الهوية الموحدة لصفحات عروض تكامل - RC1 ===== */
:root{--tk-navy:#031427;--tk-navy2:#072845;--tk-cyan:#19d5e6;--tk-gold:#e0ae3f;--tk-gold2:#ffd778;--tk-ink:#eef8ff;--tk-muted:#aec6d8;--tk-green:#0b7a59}
html{scroll-behavior:smooth}body{font-family:"Cairo","Tajawal",sans-serif!important;color:var(--tk-ink);}
body p,body span,body label,body input,body select,body textarea,body button,body a{font-family:"Cairo","Tajawal",sans-serif}
body p{line-height:2!important} body h1{line-height:1.28!important} body h2,body h3{line-height:1.45!important}
/* توحيد شعار تكامل في الترويسة العليا */
.brand img,.brand-logo{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:17px!important;background:#fff!important;padding:3px!important}
/* إخفاء نماذج الطلب القديمة فقط مع إبقائها في DOM لضمان عدم كسر السكربتات القديمة */
.request-box,section.request-section,#requestModal,#subscriptionModal{display:none!important}
/* بطل الصفحة: نفس المقاس، نفس البناء، بلا ملصقات زائدة حول الشعار */
.visual,.hero-visual{position:relative!important;min-height:560px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:32px!important;border:1px solid rgba(25,213,230,.30)!important;background:linear-gradient(145deg,rgba(5,40,68,.91),rgba(2,17,32,.83))!important;box-shadow:0 28px 70px rgba(0,0,0,.30)!important;padding:28px!important}
.tk-logo-stage{position:relative;width:min(480px,92%);height:480px;display:grid;place-items:center;isolation:isolate}
.tk-service-logo-card{position:relative;z-index:6;width:390px;height:390px;max-width:82vw;max-height:82vw;background:#fff;border-radius:30px;padding:18px;display:grid;place-items:center;overflow:hidden;box-shadow:0 26px 64px rgba(0,0,0,.36),0 0 0 1px rgba(255,215,120,.20)}
.tk-service-logo-card img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:20px!important;display:block!important;background:#fff}
.tk-cosmos{position:absolute;inset:0;z-index:1;pointer-events:none;display:grid;place-items:center;filter:drop-shadow(0 0 12px rgba(25,213,230,.12))}
.tk-cosmos .ring,.tk-cosmos .spark{position:absolute;display:block;box-sizing:border-box}
.tk-cosmos .spark{width:10px;height:10px;border-radius:50%;background:var(--tk-gold2);box-shadow:0 0 18px rgba(255,215,120,.85)}
/* 1 الخطة: مربعات مدارية مائلة */
body[data-tk-service="weekly"] .tk-cosmos .r1{width:438px;height:438px;border:1px solid rgba(25,213,230,.38);border-radius:28%;transform:rotate(45deg);animation:tkSq1 18s linear infinite}
body[data-tk-service="weekly"] .tk-cosmos .r2{width:360px;height:360px;border:1px dashed rgba(255,215,120,.34);border-radius:35%;animation:tkSq2 14s linear infinite reverse}
body[data-tk-service="weekly"] .tk-cosmos .s1{top:35px;left:50%;animation:tkSparkPulse 2.2s ease-in-out infinite}
body[data-tk-service="weekly"] .tk-service-logo-card{animation:tkLogoLift 4.8s ease-in-out infinite}
/* 2 مهامي: قرص ساعة */
body[data-tk-service="mahamy"] .tk-cosmos .r1{width:438px;height:438px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,215,120,.45) 0 1deg,transparent 1deg 29deg);-webkit-mask:radial-gradient(circle,transparent 0 47%,#000 48% 50%,transparent 51%);mask:radial-gradient(circle,transparent 0 47%,#000 48% 50%,transparent 51%);animation:tkSpin 28s linear infinite}
body[data-tk-service="mahamy"] .tk-cosmos .r2{width:370px;height:370px;border:1px solid rgba(25,213,230,.30);border-radius:50%;animation:tkPulseRing 4s ease-in-out infinite}
body[data-tk-service="mahamy"] .tk-cosmos .s1{top:24px;left:calc(50% - 5px);animation:tkOrbitDot 10s linear infinite;transform-origin:5px 216px}
body[data-tk-service="mahamy"] .tk-service-logo-card{animation:tkLogoBreathe 4.6s ease-in-out infinite}
/* 3 السبورة: إطار سداسي ومسح ضوئي */
body[data-tk-service="board"] .tk-cosmos .r1{width:440px;height:405px;clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%);background:conic-gradient(from 0deg,rgba(25,213,230,.08),rgba(25,213,230,.55),rgba(255,215,120,.38),rgba(25,213,230,.08));animation:tkSpin 20s linear infinite}
body[data-tk-service="board"] .tk-cosmos .r1:after{content:"";position:absolute;inset:2px;clip-path:inherit;background:rgba(3,20,39,.95)}
body[data-tk-service="board"] .tk-cosmos .r2{width:365px;height:365px;border:1px solid rgba(255,215,120,.25);border-radius:24%;animation:tkBoardTilt 6s ease-in-out infinite}
body[data-tk-service="board"] .tk-cosmos .s1{right:18px;top:50%;animation:tkSparkPulse 1.9s ease-in-out infinite}
body[data-tk-service="board"] .tk-service-logo-card{animation:tkLogoSway 5s ease-in-out infinite}
/* 4 المصحح: رادار تشخيصي */
body[data-tk-service="grader"] .tk-cosmos .r1{width:438px;height:438px;border-radius:50%;border:1px solid rgba(25,213,230,.36);background:conic-gradient(from 0deg,transparent 0 78%,rgba(25,213,230,.14) 88%,transparent 100%);animation:tkSpin 9s linear infinite}
body[data-tk-service="grader"] .tk-cosmos .r2{width:330px;height:330px;border:1px dashed rgba(255,215,120,.30);border-radius:50%;animation:tkSpin 17s linear infinite reverse}
body[data-tk-service="grader"] .tk-cosmos .r3{width:2px;height:430px;background:linear-gradient(transparent,rgba(25,213,230,.38),transparent);animation:tkSpin 13s linear infinite}
body[data-tk-service="grader"] .tk-service-logo-card{animation:tkLogoFocus 4.2s ease-in-out infinite}
/* 5 الجدول: مسارات مستطيلة متحركة */
body[data-tk-service="timetable"] .tk-cosmos .r1{width:450px;height:390px;border:1px dashed rgba(25,213,230,.42);border-radius:72px;animation:tkRect 14s ease-in-out infinite}
body[data-tk-service="timetable"] .tk-cosmos .r2{width:382px;height:438px;border:1px solid rgba(255,215,120,.25);border-radius:94px;animation:tkRect2 16s ease-in-out infinite}
body[data-tk-service="timetable"] .tk-cosmos .s1{left:20px;top:49%;animation:tkSparkSlide 5s ease-in-out infinite}
body[data-tk-service="timetable"] .tk-service-logo-card{animation:tkLogoStep 5.4s ease-in-out infinite}
/* 6 الموهوبين: ذرة ثلاثية ذهبية/تركوازية */
body[data-tk-service="gifted"] .tk-cosmos .ring{width:440px;height:220px;border:1px solid rgba(25,213,230,.34);border-radius:50%}
body[data-tk-service="gifted"] .tk-cosmos .r1{transform:rotate(0deg);animation:tkAtom1 16s linear infinite}
body[data-tk-service="gifted"] .tk-cosmos .r2{transform:rotate(60deg);border-color:rgba(255,215,120,.32);animation:tkAtom2 18s linear infinite reverse}
body[data-tk-service="gifted"] .tk-cosmos .r3{transform:rotate(120deg);animation:tkAtom3 20s linear infinite}
body[data-tk-service="gifted"] .tk-cosmos .s1{top:18px;left:50%;animation:tkSparkPulse 2.5s ease-in-out infinite}
body[data-tk-service="gifted"] .tk-service-logo-card{animation:tkLogoGlow 4.8s ease-in-out infinite}
/* 7 المعلم: مداران متعاكسان بلا بطاقات جانبية */
body[data-tk-service="teacher"] .tk-cosmos .r1{width:440px;height:440px;border:1px solid rgba(255,215,120,.30);border-radius:50%;animation:tkSpin 19s linear infinite}
body[data-tk-service="teacher"] .tk-cosmos .r2{width:445px;height:265px;border:1px solid rgba(25,213,230,.36);border-radius:50%;transform:rotate(32deg);animation:tkTeacherOrbit 12s ease-in-out infinite}
body[data-tk-service="teacher"] .tk-cosmos .r3{width:445px;height:265px;border:1px dashed rgba(25,213,230,.25);border-radius:50%;transform:rotate(-32deg);animation:tkTeacherOrbit2 14s ease-in-out infinite}
body[data-tk-service="teacher"] .tk-cosmos .s1{top:28px;right:90px;animation:tkSparkPulse 2.1s ease-in-out infinite}
body[data-tk-service="teacher"] .tk-service-logo-card{animation:tkLogoTeacher 5.2s ease-in-out infinite}
/* 8 رائد النشاط: نجمة/معين ديناميكي */
body[data-tk-service="activity"] .tk-cosmos .r1{width:440px;height:440px;clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%);background:conic-gradient(rgba(255,215,120,.10),rgba(25,213,230,.48),rgba(255,215,120,.34),rgba(25,213,230,.10));animation:tkSpin 16s linear infinite}
body[data-tk-service="activity"] .tk-cosmos .r1:after{content:"";position:absolute;inset:2px;clip-path:inherit;background:rgba(3,20,39,.96)}
body[data-tk-service="activity"] .tk-cosmos .r2{width:330px;height:330px;border:1px dashed rgba(255,215,120,.28);transform:rotate(45deg);animation:tkActPulse 4.5s ease-in-out infinite}
body[data-tk-service="activity"] .tk-cosmos .s1{bottom:26px;left:50%;animation:tkSparkPulse 1.7s ease-in-out infinite}
body[data-tk-service="activity"] .tk-service-logo-card{animation:tkLogoActivity 4.4s ease-in-out infinite}
/* 9 الموجه: موجات هادئة متتابعة */
body[data-tk-service="counselor"] .tk-cosmos .r1{width:438px;height:330px;border:1px solid rgba(25,213,230,.36);border-radius:50%;animation:tkCounsel1 5.5s ease-in-out infinite}
body[data-tk-service="counselor"] .tk-cosmos .r2{width:395px;height:390px;border:1px solid rgba(255,215,120,.23);border-radius:50%;animation:tkCounsel2 6.5s ease-in-out infinite}
body[data-tk-service="counselor"] .tk-cosmos .r3{width:340px;height:440px;border:1px dashed rgba(25,213,230,.20);border-radius:50%;animation:tkCounsel3 7.5s ease-in-out infinite}
body[data-tk-service="counselor"] .tk-service-logo-card{animation:tkLogoCounsel 5.8s ease-in-out infinite}
@keyframes tkSpin{to{transform:rotate(360deg)}}
@keyframes tkSq1{to{transform:rotate(405deg)}} @keyframes tkSq2{50%{transform:rotate(18deg) scale(.97)}100%{transform:rotate(360deg)}}
@keyframes tkPulseRing{50%{transform:scale(.95);opacity:.55}} @keyframes tkOrbitDot{to{transform:rotate(360deg)}}
@keyframes tkBoardTilt{50%{transform:rotate(8deg) scale(.98)}} @keyframes tkRect{50%{transform:rotate(7deg) scale(.98)}} @keyframes tkRect2{50%{transform:rotate(-7deg) scale(1.02)}}
@keyframes tkAtom1{to{transform:rotate(360deg)}} @keyframes tkAtom2{to{transform:rotate(420deg)}} @keyframes tkAtom3{to{transform:rotate(480deg)}}
@keyframes tkTeacherOrbit{50%{transform:rotate(40deg) scale(.97)}} @keyframes tkTeacherOrbit2{50%{transform:rotate(-40deg) scale(1.02)}}
@keyframes tkActPulse{50%{transform:rotate(58deg) scale(.94)}}
@keyframes tkCounsel1{50%{transform:scale(.96) translateY(-6px);opacity:.65}} @keyframes tkCounsel2{50%{transform:scale(1.03) translateY(5px);opacity:.58}} @keyframes tkCounsel3{50%{transform:scale(.98);opacity:.44}}
@keyframes tkSparkPulse{50%{transform:scale(1.55);opacity:.55;box-shadow:0 0 28px rgba(255,215,120,.95)}} @keyframes tkSparkSlide{50%{transform:translateX(395px);background:var(--tk-cyan);box-shadow:0 0 20px rgba(25,213,230,.9)}}
@keyframes tkLogoLift{50%{transform:translateY(-8px)}} @keyframes tkLogoBreathe{50%{transform:scale(1.015);box-shadow:0 32px 70px rgba(0,0,0,.40),0 0 32px rgba(25,213,230,.10)}}
@keyframes tkLogoSway{25%{transform:translateY(-5px) rotate(.6deg)}75%{transform:translateY(4px) rotate(-.6deg)}} @keyframes tkLogoFocus{50%{transform:scale(1.012);box-shadow:0 28px 70px rgba(0,0,0,.40),0 0 35px rgba(25,213,230,.13)}}
@keyframes tkLogoStep{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,-5px)}} @keyframes tkLogoGlow{50%{box-shadow:0 30px 72px rgba(0,0,0,.40),0 0 34px rgba(255,215,120,.14)}}
@keyframes tkLogoTeacher{50%{transform:translateY(-7px) scale(1.008)}} @keyframes tkLogoActivity{30%{transform:translateY(-7px) rotate(.5deg)}70%{transform:translateY(3px) rotate(-.5deg)}} @keyframes tkLogoCounsel{50%{transform:translateY(-5px);box-shadow:0 32px 74px rgba(0,0,0,.38),0 0 28px rgba(25,213,230,.09)}}
/* النموذج الموحد */
.tk-request-section{padding:64px 0;background:linear-gradient(180deg,#04192e,#031427);border-top:1px solid rgba(25,213,230,.12)}
.tk-request-card{width:min(1040px,100%);margin:auto;border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(7,48,80,.98),rgba(3,24,45,.99));border:1px solid rgba(39,211,224,.30);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.tk-request-head{text-align:center;margin-bottom:22px}.tk-request-head .eyebrow{display:inline-flex;padding:6px 13px;border-radius:999px;border:1px solid rgba(25,213,230,.32);color:#69e8ed;background:rgba(12,78,98,.26);font-size:11px;font-weight:900}.tk-request-head h2{font-size:30px;margin:10px 0 7px}.tk-request-head p{margin:0;color:#b9cedd;font-size:13.5px;line-height:1.95!important}
.tk-request-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.tk-request-type{display:flex;align-items:flex-start;gap:11px;padding:16px;border-radius:17px;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(25,213,230,.23);transition:.2s}.tk-request-type.annual{border-color:rgba(255,215,120,.32);background:rgba(224,174,63,.05)}.tk-request-type input{margin-top:5px}.tk-request-type b{display:block;font-size:14px;color:#fff}.tk-request-type small{display:block;color:#a9cbd5;font-size:11px;line-height:1.85;margin-top:5px}.tk-request-type.annual b{color:#ffd778}
.tk-fields-title{font-size:14px;font-weight:900;color:#ffd778;margin:22px 0 12px}.tk-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.tk-request-field{display:grid;gap:8px;color:#d7e9f2;font-weight:800;font-size:12px;line-height:1.65}.tk-request-field input,.tk-request-field select{width:100%;min-height:48px;padding:11px 13px;border-radius:12px;border:1px solid #86b5c8;background:#fff;color:#173a55;font-size:13px;outline:none}.tk-request-field input:focus,.tk-request-field select:focus{border-color:#19d5e6;box-shadow:0 0 0 3px rgba(25,213,230,.12)}
.tk-request-consent{display:flex;gap:9px;align-items:flex-start;color:#b9cedd;font-size:11px;line-height:1.9;margin-top:18px}.tk-request-consent input{margin-top:6px}.tk-request-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.tk-request-actions button{min-height:50px;padding:11px 22px;border:0;border-radius:14px;background:linear-gradient(135deg,#f2b63e,#ffd978);color:#17253a;font-weight:900;cursor:pointer}.tk-request-msg{font-size:12px;color:#a9cbd5}.tk-request-summary{margin-top:12px;color:#8eb1c2;font-size:10.5px;line-height:1.9}
.tk-after{margin-top:28px;padding-top:23px;border-top:1px solid rgba(25,213,230,.16)}.tk-after h3{text-align:center;font-size:22px;margin:0 0 5px}.tk-after>p{text-align:center;color:#9ebbc8;font-size:12px;margin:0 0 17px}.tk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tk-step{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:flex-start;padding:15px;border-radius:15px;background:rgba(255,255,255,.028);border:1px solid rgba(25,213,230,.15)}.tk-step-no{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0a526b,#07374f);color:#ffd778;border:1px solid rgba(255,215,120,.28);font-weight:900}.tk-step b{display:block;color:#fff;font-size:12px;line-height:1.65}.tk-step span{display:block;color:#a9c3cf;font-size:10.5px;line-height:1.85;margin-top:4px}
/* التذييل الموحد: تكامل والمشغل الرسيمي بنفس الإطار */
.tk-unified-footer{padding:19px 0;background:#020d18;border-top:1px solid rgba(25,213,230,.24)}.tk-footer-grid{direction:ltr;display:grid;grid-template-columns:1fr minmax(260px,1fr) 1fr;gap:24px;align-items:center}.tk-footer-identity{direction:rtl;display:flex;align-items:center;gap:13px}.tk-footer-identity.takamul{justify-content:flex-start}.tk-footer-identity.operator{justify-content:flex-end}.tk-footer-logo-box{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:#fff;border:1px solid rgba(255,215,120,.48);box-shadow:0 8px 22px rgba(0,0,0,.22)}.tk-footer-logo-box img{width:100%;height:100%;object-fit:contain}.tk-footer-logo-box.operator-logo img{transform:scale(1.38)}.tk-footer-copy{direction:rtl;text-align:right}.tk-footer-copy b{display:block;color:#fff;font-size:13px}.tk-footer-copy span{display:block;color:#9bb5c2;font-size:9.8px;line-height:1.7;margin-top:3px}.tk-footer-copy em{display:block;color:#ffd778;font-style:normal;font-size:9.5px;font-weight:900;margin-top:3px}.tk-footer-center{direction:rtl;text-align:center;color:#91aebb;font-size:10px;line-height:1.8}.tk-footer-center strong{display:block;color:#ffd778;font-size:13px;margin-bottom:3px}.tk-footer-center small{display:block;color:#6f8e9d;font-size:9px;margin-top:5px}
@media(max-width:900px){.tk-logo-stage{height:430px}.tk-service-logo-card{width:350px;height:350px}.tk-steps{grid-template-columns:repeat(2,1fr)}.tk-footer-grid{grid-template-columns:1fr}.tk-footer-identity,.tk-footer-identity.takamul,.tk-footer-identity.operator{justify-content:center}.tk-footer-center{order:2}.tk-footer-identity.operator{order:3}.tk-footer-identity.takamul{order:1}}
@media(max-width:620px){.visual,.hero-visual{min-height:470px!important;padding:16px!important}.tk-logo-stage{height:390px;width:100%}.tk-service-logo-card{width:min(330px,78vw);height:min(330px,78vw);padding:14px}.tk-request-card{padding:20px}.tk-request-types,.tk-request-grid,.tk-steps{grid-template-columns:1fr}.tk-request-section{padding:44px 0}.tk-footer-logo-box{width:70px;height:70px;flex-basis:70px}}
@media(prefers-reduced-motion:reduce){.tk-cosmos *,.tk-service-logo-card{animation:none!important}}

/* اعتماد إغلاق صفحة السبورة: تمركز الشعار وصور العرض عالية الدقة */
body[data-tk-service="board"] .hero-visual{display:grid!important;place-items:center!important}
body[data-tk-service="board"] .tk-logo-stage{margin-inline:auto!important}
body[data-tk-service="board"] .board-gallery-two{grid-template-columns:1fr 1fr!important;gap:18px!important}
body[data-tk-service="board"] .board-gallery-two .gallery-card{min-height:360px!important}
body[data-tk-service="board"] .board-gallery-two .gallery-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
body[data-tk-service="board"] .board-gallery-two .gallery-card:first-child img{object-position:top center!important}
@media(max-width:680px){body[data-tk-service="board"] .board-gallery-two{grid-template-columns:1fr!important}body[data-tk-service="board"] .board-gallery-two .gallery-card{min-height:250px!important}}
