:root{--green:#58CC02;--green-shade:#46a302;--blue:#1CB0F6;--blue-shade:#1899d6;--yellow:#FFC800;--dark:#2c3e50;--gray-100:#f7f9fc;--gray-200:#eff1f5;--gray-300:#e5e5e5;--gray-500:#8a94a6;--gray-700:#4b5563;--white:#fff;--radius-xl:24px;--radius-lg:16px;--shadow-lg:0 8px 28px rgba(0,0,0,.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Cairo','Tajawal',sans-serif;background:var(--gray-100);color:var(--dark);overflow-x:hidden;direction:rtl}.container{max-width:1140px;margin:0 auto;padding:0 1.25rem}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-blue{color:var(--blue)}.lp-nav{position:sticky;top:0;z-index:900;background:var(--white);border-bottom:2px solid var(--gray-300);padding:.85rem 0}.lp-nav__inner,.lp-nav__brand,.lp-nav__actions,.lp-hero__cta,.lp-hero__preview,.preview-chip,.lp-stats__welcome,.feature-card__icon,.step-num,.role-card__icon{display:flex;align-items:center}.lp-nav__inner{justify-content:space-between;gap:1rem}.lp-nav__brand{gap:.6rem;text-decoration:none;font-size:1.4rem;font-weight:900;color:var(--green);letter-spacing:0}.lp-nav__brand span{color:var(--dark)}.lp-nav__actions{gap:.75rem}.btn-lp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none;border:0;border-radius:var(--radius-lg);cursor:pointer;transition:transform .08s;white-space:nowrap;line-height:1}.btn-lp:active{transform:translateY(3px)}.btn-green{background:var(--green);color:var(--white);box-shadow:0 4px 0 var(--green-shade)}.btn-green:hover,.btn-blue:hover{color:var(--white);text-decoration:none}.btn-blue{background:var(--blue);color:var(--white);box-shadow:0 4px 0 var(--blue-shade)}.btn-ghost{background:transparent;color:var(--blue);border:2px solid var(--blue);box-shadow:none}.btn-ghost:hover{background:#e8f7fe;color:var(--blue);text-decoration:none}.btn-lg{padding:1rem 2.2rem;font-size:1.15rem;border-radius:18px}.btn-sm{padding:.45rem 1rem;font-size:.88rem;border-radius:10px}.lp-hero{position:relative;background:linear-gradient(145deg,#1a3a6e,#235390 60%,#1e7bc4);color:var(--white);padding:5rem 0 8rem;overflow:hidden;text-align:center}.lp-hero__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1.5px,transparent 1.5px);background-size:28px 28px}.floater{display:none}.lp-hero__badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:.35rem 1rem;font-size:.88rem;font-weight:700;margin-bottom:1.5rem}.lp-hero__title{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.2;margin-bottom:1.1rem;text-shadow:0 3px 12px rgba(0,0,0,.2);letter-spacing:0}.lp-hero__title em{font-style:normal;color:var(--yellow)}.lp-hero__subtitle{font-size:clamp(1rem,2vw,1.2rem);opacity:.88;max-width:620px;margin:0 auto 2.2rem;line-height:1.7}.lp-hero__cta{gap:1rem;justify-content:center;flex-wrap:wrap}.lp-hero__preview{justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:2.5rem;opacity:.92}.preview-chip{gap:.45rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.45rem 1rem;font-size:.9rem;font-weight:700}.lp-stats{position:relative;z-index:10;margin-top:-4.5rem;margin-bottom:3.5rem}.lp-stats__card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem 2.5rem;border-bottom:5px solid var(--gray-300)}.lp-stats__welcome{justify-content:space-between;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:2px dashed var(--gray-300);flex-wrap:wrap}.lp-stats__avatar{width:56px;height:56px;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:var(--white);box-shadow:0 4px 0 #e5a500;flex-shrink:0}.lp-stats__metrics,.features-grid,.steps-grid,.gamif-grid,.roles-grid{display:grid;gap:1.5rem}.lp-stats__metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1rem;border-radius:var(--radius-lg);background:var(--gray-100);border:2px solid transparent}.metric-box:hover,.feature-card:hover,.step-card:hover,.role-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-box__icon{font-size:1.8rem}.metric-box__val{font-size:2.2rem;font-weight:900;line-height:1;color:var(--dark)}.metric-box__lbl{font-size:.8rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.lp-section{padding:4rem 0}.lp-section--alt{background:var(--white)}.section-head{text-align:center;margin-bottom:2.8rem}.section-head__kicker{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:.5rem}.section-head__title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:var(--dark);position:relative;display:inline-block;letter-spacing:0}.section-head__title::after{content:'';display:block;width:50px;height:5px;background:var(--yellow);border-radius:4px;margin:.5rem auto 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card,.step-card,.role-card{background:var(--white);border-radius:var(--radius-xl);border:2px solid var(--gray-200);transition:.25s}.feature-card{padding:1.75rem;position:relative;overflow:hidden}.feature-card__icon{width:68px;height:68px;border-radius:18px;justify-content:center;font-size:1.9rem;margin-bottom:1.1rem}.feature-card__title,.step-card__title,.role-card__title{font-size:1.1rem;font-weight:800;margin-bottom:.5rem;color:var(--dark)}.feature-card__desc,.step-card__desc,.role-card__desc{font-size:.9rem;color:var(--gray-700);line-height:1.65}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-card{text-align:center;padding:2rem 1.5rem}.step-num{width:52px;height:52px;border-radius:50%;background:var(--blue);color:var(--white);font-size:1.4rem;font-weight:900;justify-content:center;margin:0 auto 1.1rem;box-shadow:0 4px 0 var(--blue-shade)}.gamif-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gamif-card{border-radius:var(--radius-xl);padding:1.75rem;color:var(--white);position:relative;overflow:hidden;box-shadow:0 6px 0 rgba(0,0,0,.15);transition:transform .2s}.gamif-card:hover{transform:translateY(-4px)}.gamif-card--green{background:linear-gradient(135deg,#58CC02,#46a302)}.gamif-card--blue{background:linear-gradient(135deg,#1CB0F6,#1899d6)}.gamif-card--yellow{background:linear-gradient(135deg,#FFC800,#e5a500);color:var(--dark)}.gamif-card--purple{background:linear-gradient(135deg,#CE82FF,#a855f7)}.gamif-card__icon{font-size:2.5rem;margin-bottom:.8rem;display:block}.gamif-card__title{font-size:1.15rem;font-weight:900;margin-bottom:.4rem}.gamif-card__desc{font-size:.88rem;opacity:.88;line-height:1.55}.gamif-card__badge{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.25);border-radius:50px;padding:.2rem .7rem;font-size:.78rem;font-weight:700}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.role-card{padding:2rem 1.5rem;text-align:center;text-decoration:none;color:inherit;display:block}.role-card__icon{width:72px;height:72px;border-radius:50%;justify-content:center;font-size:2rem;margin:0 auto 1rem}.role-card:hover{text-decoration:none;color:inherit}.lp-cta{background:linear-gradient(135deg,#1a3a6e,#235390);color:var(--white);text-align:center;padding:4.5rem 1.25rem;position:relative;overflow:hidden}.lp-cta__title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;margin-bottom:.8rem;position:relative;letter-spacing:0}.lp-cta__subtitle{font-size:1.05rem;opacity:.88;margin-bottom:2rem;position:relative}.lp-footer{background:var(--dark);color:rgba(255,255,255,.6);padding:1.75rem;text-align:center;font-size:.88rem}.lp-footer a{color:rgba(255,255,255,.7);text-decoration:none}.lp-footer a:hover{color:var(--white)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.lp-hero{padding:3.5rem 0 6.5rem}.lp-stats{margin-top:-3rem}.lp-stats__card{padding:1.25rem}.lp-stats__welcome{flex-direction:column;align-items:flex-start}.btn-lg{padding:.85rem 1.6rem;font-size:1.05rem}.lp-section{padding:2.8rem 0}.gamif-card__badge{display:none}}@media (max-width:480px){.lp-hero__cta{flex-direction:column;align-items:center}.lp-hero__preview{gap:.6rem}.preview-chip{font-size:.8rem;padding:.35rem .75rem}}
@media (max-width:560px){.lp-nav .container{padding-inline:.45rem}.lp-nav__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;overflow:hidden}.lp-nav__brand{min-width:0;font-size:1.15rem;gap:.35rem;white-space:nowrap;overflow:hidden}.lp-nav__brand span{display:none}.lp-nav__actions{gap:.35rem;min-width:0;justify-content:flex-end}.lp-login-btn{width:42px;height:42px;padding:0;border-radius:12px;flex:0 0 42px}.lp-login-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lp-login-btn i{font-size:1.05rem}.lp-nav__actions .btn-ghost{height:42px;padding:.45rem .68rem;font-size:.78rem;border-radius:12px}.lp-nav__actions .btn-ghost[aria-label="خريطة المنصة"]{width:42px;height:42px;padding:0;flex:0 0 42px}}