:root{--lp-primary:#2563eb;--lp-dark:#101b33;--lp-accent:#7ba6ff;--ink:#0c1830;--muted:#60708c;--line:#e5eaf2;--soft:#f5f8fd;font-family:"Manrope","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-size:15px}a{text-decoration:none;color:inherit}button,input{font:inherit}[dir=rtl] body,[dir=rtl] body *{font-family:"Cairo",Tahoma,sans-serif!important}.lp-nav{height:78px;display:flex;align-items:center;gap:45px;max-width:1240px;margin:auto;padding:0 24px;position:relative;z-index:20}.lp-logo{display:flex;align-items:center;gap:9px;font-size:20px}.lp-logo>span,.lp-logo img{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--lp-primary),var(--lp-accent));color:#fff;display:grid;place-items:center;font-weight:800;object-fit:contain}.lp-logo img{padding:3px;background:#fff}.lp-nav nav{display:flex;gap:29px;margin:auto}.lp-nav nav a{font-size:13px;color:#40506b;font-weight:600}.lp-nav nav a:hover{color:var(--lp-primary)}.lp-nav-actions{display:flex;align-items:center;gap:9px}.lp-lang{font-size:12px;color:var(--muted);padding:9px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:11px 17px;font-weight:700;font-size:12px}.lp-btn.primary{background:linear-gradient(135deg,var(--lp-primary),color-mix(in srgb,var(--lp-primary) 72%,var(--lp-accent)));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--lp-primary) 24%,transparent)}.lp-btn.secondary{border:1px solid var(--line);background:#fff}.lp-btn.white{background:#fff;color:var(--lp-dark);box-shadow:0 12px 30px rgba(0,0,0,.14)}.lp-hero{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center;max-width:1240px;margin:auto;padding:55px 24px 80px}.lp-hero-copy{position:relative;z-index:2}.lp-pill{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--lp-primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--lp-primary) 18%,#fff);color:color-mix(in srgb,var(--lp-primary) 80%,#12203a);border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.lp-pill i{width:7px;height:7px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 4px rgba(23,178,106,.12)}.lp-pill.light{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#cfddf7}.lp-hero h1{font-size:55px;line-height:1.06;letter-spacing:-2.6px;margin:23px 0 19px}.lp-hero h1 em{font-style:normal;color:var(--lp-primary);position:relative}.lp-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:7px;background:color-mix(in srgb,var(--lp-accent) 42%,transparent);border-radius:50%;transform:rotate(-1deg)}.lp-hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:540px}.lp-hero-actions{display:flex;align-items:center;gap:20px;margin:29px 0 24px}.lp-play{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.lp-play i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(20,40,75,.08);font-style:normal;font-size:8px;color:var(--lp-primary)}.lp-trust{display:flex;gap:18px;color:#71809a;font-size:10px}.lp-trust span::first-letter{color:#17a966}.lp-product{position:relative;min-width:0}.lp-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lp-primary) 17%,transparent),transparent 68%);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lp-window{position:relative;background:#fff;border:1px solid #dbe3f0;border-radius:19px;padding:7px;box-shadow:0 35px 75px rgba(32,65,118,.2);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);overflow:hidden}.lp-window-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:#f7f9fc;border-radius:12px 12px 5px 5px}.lp-window-top>span{display:flex;gap:4px}.lp-window-top i{width:6px;height:6px;border-radius:50%;background:#f87171}.lp-window-top i:nth-child(2){background:#fbbf24}.lp-window-top i:nth-child(3){background:#34d399}.lp-window-top b{font-size:8px;color:#8490a4;background:#fff;border:1px solid #e8ecf2;border-radius:5px;padding:4px 40px}.lp-window-top em{width:18px}.lp-app{height:405px;display:grid;grid-template-columns:105px 1fr;background:#f4f7fb;border-radius:5px 5px 12px 12px;overflow:hidden}.lp-app aside{background:var(--lp-dark);padding:15px 10px}.lp-mini-brand{display:flex;align-items:center;gap:6px;color:#fff;font-size:9px}.lp-mini-brand>span,.lp-mini-brand img{width:22px;height:22px;border-radius:6px;background:var(--lp-primary);display:grid;place-items:center;object-fit:contain}.lp-mini-brand img{background:#fff;padding:2px}.lp-app aside nav{display:grid;gap:6px;margin-top:28px}.lp-app aside nav i{height:23px;border-radius:6px;background:linear-gradient(90deg,#6f7e98 18%,transparent 18%);opacity:.35}.lp-app aside nav i.active{background:linear-gradient(90deg,var(--lp-accent) 18%,rgba(255,255,255,.12) 18%);opacity:1}.lp-mini-user{height:30px;border-top:1px solid rgba(255,255,255,.1);margin-top:135px}.lp-app-top{height:43px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.lp-app-top span{width:120px;height:8px;background:#eef1f6;border-radius:5px}.lp-app-top i{width:23px;height:23px;border-radius:7px;background:#e8effc}.lp-app-content{padding:20px}.lp-app-content>small{color:#76859c;font-size:8px}.lp-app-content h3{font-size:15px;margin:2px 0 14px}.lp-demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.lp-demo-kpis article{display:grid;background:#fff;border:1px solid #e8ecf3;border-radius:9px;padding:9px}.lp-demo-kpis i{font-style:normal;color:var(--lp-primary);font-size:9px}.lp-demo-kpis b{font-size:14px}.lp-demo-kpis span{font-size:6px;color:#8190a7}.lp-demo-bottom{display:grid;grid-template-columns:1.4fr .6fr;gap:8px;margin-top:8px}.lp-demo-chart,.lp-demo-list{height:195px;background:#fff;border:1px solid #e8ecf3;border-radius:9px;padding:11px}.lp-demo-chart strong,.lp-demo-list strong{font-size:7px}.lp-demo-chart>div{height:140px;display:flex;align-items:flex-end;gap:7px;padding-top:14px}.lp-demo-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(var(--lp-primary),var(--lp-accent))}.lp-demo-chart i:nth-child(1){height:35%}.lp-demo-chart i:nth-child(2){height:48%}.lp-demo-chart i:nth-child(3){height:42%}.lp-demo-chart i:nth-child(4){height:66%}.lp-demo-chart i:nth-child(5){height:58%}.lp-demo-chart i:nth-child(6){height:79%}.lp-demo-chart i:nth-child(7){height:92%}.lp-demo-list{display:grid;align-content:start;gap:12px}.lp-demo-list span{height:25px;border-radius:6px;background:#f2f4f8}.lp-float-card{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid #e1e7f1;border-radius:12px;padding:10px 12px;box-shadow:0 15px 35px rgba(34,60,100,.15)}.lp-float-card>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e6f7ef;color:#079455;font-weight:800}.lp-float-card div{display:grid}.lp-float-card small{font-size:7px;color:#7e8da3}.lp-float-card b{font-size:11px}.float-one{right:-22px;top:48px}.float-two{left:-35px;bottom:35px}.lp-proof{background:#f7f9fc;border-block:1px solid #edf0f5;padding:29px 24px;text-align:center}.lp-proof p{font-size:9px;color:#8a96a9;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.lp-proof>div{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;font-weight:700;color:#5f6f88}.lp-proof i{width:4px;height:4px;border-radius:50%;background:#c3cad5}.lp-features{max-width:1180px;margin:auto;padding:105px 24px}.lp-section-head{text-align:center;max-width:670px;margin:0 auto 52px}.lp-section-head>span{color:var(--lp-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.lp-section-head h2{font-size:38px;letter-spacing:-1.5px;margin:11px 0}.lp-section-head p{color:var(--muted);line-height:1.7}.lp-feature-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.lp-feature-grid article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:25px;min-height:270px;background:#fff}.feature-main{grid-row:span 2}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:var(--lp-primary);font-weight:800;margin-bottom:18px}.lp-feature-grid article>span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--lp-primary);font-weight:800}.lp-feature-grid h3{font-size:20px;letter-spacing:-.6px;margin:7px 0}.lp-feature-grid p{font-size:12px;line-height:1.65;color:var(--muted)}.feature-main{background:linear-gradient(145deg,#f6f9ff,#eef4ff)}.feature-small.violet{background:#faf8ff}.feature-small.violet .feature-icon{background:#f0eaff;color:#7c3aed}.feature-small.green{background:#f2fbf7}.feature-small.green .feature-icon{background:#dff7eb;color:#07875b}.feature-small.orange{background:#fff9f0}.feature-small.orange .feature-icon{background:#ffedd0;color:#c46906}.feature-small.coral{background:#fff6f4}.feature-small.coral .feature-icon{background:#ffe6e1;color:#d4452f}.feature-wide.dark{background:linear-gradient(135deg,var(--lp-dark),color-mix(in srgb,var(--lp-dark) 72%,var(--lp-primary)));color:#fff;border:0}.feature-wide.dark p{color:#b9cae7}.feature-wide.dark>div>span{color:#95baff}.student-visual{display:grid;gap:8px;margin-top:25px}.student-visual>span{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;background:rgba(255,255,255,.85);border:1px solid #e5ebf5;border-radius:11px;padding:8px}.student-visual i{width:32px;height:32px;border-radius:9px;background:#e5efff;color:#3168c8;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.student-visual b{font-size:10px}.student-visual em{font-style:normal;font-size:8px;color:#7988a0}.mini-attendance{display:flex;gap:5px;margin-top:28px}.mini-attendance i{height:52px;flex:1;border-radius:7px;background:#e3d8ff}.mini-attendance i:nth-child(2),.mini-attendance i:nth-child(3),.mini-attendance i:nth-child(5),.mini-attendance i:nth-child(7){background:#8b5cf6}.mini-money{display:grid;background:#fff;border:1px solid #dcf0e6;border-radius:13px;padding:14px;margin-top:20px}.mini-money small{font-size:8px;color:#74869a}.mini-money b{font-size:20px;color:#087a54}.mini-money span{font-size:8px;color:#079455}.tenant-visual{text-align:center}.tenant-visual>span{display:inline-grid;place-items:center;background:#fff;color:var(--lp-dark);border-radius:12px;padding:12px 20px;font-weight:800}.tenant-visual>i{display:block;width:1px;height:30px;background:#6b8abe;margin:auto}.tenant-visual>div{display:flex;gap:6px}.tenant-visual b{font-size:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px}.mini-grade{font-size:42px;font-weight:800;color:#d97706;margin-top:20px}.mini-grade small{font-size:12px}.theme-dots{display:flex;gap:8px;margin-top:30px}.theme-dots i{width:28px;height:28px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 2px 8px #d5dbe5}.theme-dots i:nth-child(2){background:#7c3aed}.theme-dots i:nth-child(3){background:#059669}.theme-dots i:nth-child(4){background:#ea580c}.theme-dots i:nth-child(5){background:#111827}.lp-demo{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;background:linear-gradient(135deg,#0d1d38,var(--lp-dark));color:#fff;padding:100px max(24px,calc((100vw - 1180px)/2));position:relative;overflow:hidden}.lp-demo:after{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:color-mix(in srgb,var(--lp-primary) 16%,transparent);filter:blur(20px);right:-200px;top:-200px}.lp-demo-intro,.demo-accounts{position:relative;z-index:1}.lp-demo h2{font-size:39px;letter-spacing:-1.4px;margin:18px 0}.lp-demo-intro>p{color:#b7c6de;line-height:1.7}.lp-demo ol{list-style:none;padding:0;display:grid;gap:11px;margin-top:30px}.lp-demo li{display:flex;align-items:center;gap:10px;color:#cad6e8}.lp-demo li b{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#91b4f3}.demo-accounts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-account{background:#fff;color:var(--ink);border-radius:18px;padding:20px}.demo-account.featured{grid-column:1/-1;background:linear-gradient(135deg,#f7faff,#edf4ff);border:1px solid #a9c6f6}.demo-role{display:flex;align-items:center;gap:10px}.demo-role>span{width:37px;height:37px;border-radius:11px;background:#e9f1ff;color:var(--lp-primary);display:grid;place-items:center;font-weight:800}.demo-role>div{display:grid;flex:1}.demo-role small{font-size:8px;color:#7b8aa0}.demo-role h3{font-size:14px;margin:0}.demo-role em{font-style:normal;font-size:8px;background:#dff7eb;color:#087a54;border-radius:99px;padding:5px 8px;font-weight:800}.demo-account>p{font-size:10px;color:#6d7d94;line-height:1.55}.credential{display:flex;align-items:center;background:#f6f8fb;border:1px solid #e7ebf1;border-radius:9px;padding:7px 8px;margin-top:6px}.credential>span{display:grid;flex:1;min-width:0}.credential small{font-size:7px;color:#8995a7}.credential code{font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.credential button{border:0;background:#fff;color:var(--lp-primary);border-radius:6px;padding:5px 7px;font-size:7px;font-weight:800}.demo-account>a{display:flex;justify-content:space-between;color:var(--lp-primary);font-size:9px;font-weight:800;margin-top:13px}.demo-help{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.demo-help>span{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:800}.demo-help p{font-size:9px;color:#b9c7dd;margin:0;line-height:1.6}.demo-help b{color:#fff}.lp-final{max-width:1180px;margin:100px auto;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(125deg,var(--lp-primary),color-mix(in srgb,var(--lp-primary) 60%,var(--lp-dark)));border-radius:28px;padding:48px;color:#fff;box-shadow:0 25px 55px color-mix(in srgb,var(--lp-primary) 22%,transparent)}.lp-final span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#d6e4ff;font-weight:800}.lp-final h2{font-size:30px;margin:8px 0}.lp-final p{color:#d8e5f8;margin:0}.lp-footer{border-top:1px solid var(--line);padding:35px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px}.lp-footer p,.lp-footer small{font-size:9px;color:#8592a5}.lp-footer>div{display:flex;gap:18px;font-size:10px;font-weight:700}
@media(max-width:1000px){.lp-nav nav{display:none}.lp-hero{grid-template-columns:1fr;padding-top:40px}.lp-hero-copy{text-align:center}.lp-hero-copy>p{margin-inline:auto}.lp-hero-actions,.lp-trust{justify-content:center}.lp-product{max-width:720px;margin:auto;width:100%}.lp-feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-row:auto}.feature-wide{grid-column:span 2}.lp-demo{grid-template-columns:1fr}.lp-demo-intro{text-align:center}.lp-demo ol{display:flex;justify-content:center;flex-wrap:wrap}.lp-footer{grid-template-columns:auto 1fr}.lp-footer>div,.lp-footer>small{justify-self:end}}
@media(max-width:680px){.lp-nav{height:67px;padding:0 15px}.lp-nav-actions .lp-lang{display:none}.lp-nav-actions .lp-btn{padding:9px 11px}.lp-hero{padding:45px 16px 70px}.lp-hero h1{font-size:38px;letter-spacing:-1.7px}.lp-hero-copy>p{font-size:14px}.lp-trust{flex-wrap:wrap;gap:8px 14px}.lp-window{transform:none}.lp-app{height:315px;grid-template-columns:72px 1fr}.lp-app aside{padding:10px 6px}.lp-mini-brand b{display:none}.lp-mini-user{margin-top:70px}.lp-app-content{padding:13px}.lp-demo-kpis{grid-template-columns:1fr 1fr}.lp-demo-bottom{display:none}.lp-window-top b{padding:4px 20px}.lp-float-card{display:none}.lp-proof>div{gap:12px}.lp-features{padding:75px 16px}.lp-section-head h2{font-size:30px}.lp-feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;grid-template-columns:1fr}.lp-feature-grid article{min-height:240px}.tenant-visual{margin-top:20px}.lp-demo{padding:75px 16px}.lp-demo h2{font-size:31px}.demo-accounts{grid-template-columns:1fr}.demo-account.featured,.demo-help{grid-column:auto}.lp-final{margin:70px 16px;padding:32px 24px;align-items:flex-start;flex-direction:column}.lp-final h2{font-size:25px}.lp-footer{grid-template-columns:1fr;text-align:center;justify-items:center}.lp-footer>div,.lp-footer>small{justify-self:center}}