*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#f4f8fb,#eef5f2);color:#061a33;direction:rtl}a{text-decoration:none;color:inherit}.topbar{height:74px;background:linear-gradient(90deg,#021832,#052756 55%,#073361);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 28px;position:sticky;top:0;z-index:100;box-shadow:0 8px 30px rgba(0,0,0,.2)}.brand img{height:62px;display:block;background:transparent;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.desktop-nav{display:flex;align-items:center;gap:34px;font-weight:800;font-size:15px}.desktop-nav a{padding:25px 0 20px;opacity:.96;border-bottom:3px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{border-bottom-color:#78c943;color:#fff}.register-btn{background:linear-gradient(180deg,#65c43b,#248121);padding:12px 28px;border-radius:10px;color:#fff;font-weight:900;box-shadow:0 9px 24px rgba(37,128,31,.38)}.menu-btn{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);color:#fff;width:50px;height:50px;border-radius:14px;font-size:28px}.mobile-menu{display:none;position:fixed;top:74px;right:0;width:280px;height:calc(100vh - 74px);background:#031a38;color:#fff;z-index:120;padding:18px;box-shadow:-12px 0 34px rgba(0,0,0,.25)}.mobile-menu a{display:block;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.hero{position:relative;min-height:570px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:70px 9vw;background:#eef7ff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.83) 36%,rgba(255,255,255,.56) 55%,rgba(255,255,255,.08) 78%),url('../uploads/school-front.jpg');background-size:cover;background-position:center right}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 18%,rgba(107,194,54,.38),transparent 12%),radial-gradient(circle at 93% 84%,rgba(18,116,88,.28),transparent 14%),linear-gradient(180deg,transparent 74%,#f4f8fb 100%);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(560px,100%);text-align:center}.hero-logo{width:min(430px,90%);margin:0 auto 22px;display:block;filter:drop-shadow(0 18px 34px rgba(0,0,0,.08))}.hero h1{font-size:clamp(28px,4vw,42px);margin:0 0 26px;color:#07356d;font-weight:1000}.hero-btn{display:inline-flex;background:linear-gradient(180deg,#72c84a,#2d8524);color:#fff;padding:13px 38px;border-radius:12px;font-weight:900;box-shadow:0 12px 26px rgba(47,133,37,.32)}.stats{width:min(1160px,92%);margin:-70px auto 28px;position:relative;z-index:5;background:rgba(255,255,255,.96);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 20px 50px rgba(4,31,68,.17);border-bottom:4px solid #0c6d53;overflow:hidden;backdrop-filter:blur(8px)}.stat-item{padding:28px 18px;text-align:center;border-left:1px solid #dce4ef}.stat-item:last-child{border-left:0}.stat-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 6px;border-radius:50%;background:linear-gradient(135deg,#eaf3ff,#dcf8d5);font-size:31px}.stat-item span{display:block;color:#677184;font-size:14px}.stat-item b{display:block;color:#063a77;font-size:27px;line-height:1.6}.features{width:min(1160px,92%);margin:28px auto 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.features article,.quick-section,.info-card{background:rgba(255,255,255,.96);border-radius:20px;box-shadow:0 13px 34px rgba(4,31,68,.12);border:1px solid #e9eef5}.features article{padding:28px 16px;text-align:center}.features article div{width:66px;height:66px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#eaf6ff,#dff8d8);font-size:30px}.features h3{margin:0 0 9px}.features p{margin:0;color:#4f5b6f;font-size:14px;line-height:2}.quick-section{width:min(1160px,92%);margin:28px auto 24px;padding:30px}.quick-section h2{margin:0 0 18px;text-align:center;font-size:28px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{background:linear-gradient(135deg,#edf8f1,#e6f4ff);color:#074132;padding:20px;border-radius:16px;font-weight:900;text-align:center;border:1px solid #dceee4}.content-row{width:min(1160px,92%);margin:24px auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{padding:28px}.info-card h2{margin-top:0;color:#07356d}.info-card p{line-height:2;color:#465469}.info-card a{display:inline-block;margin-top:8px;background:#0b6d53;color:#fff;padding:11px 22px;border-radius:12px;font-weight:900}footer{background:linear-gradient(90deg,#021832,#052756);color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding:42px 9vw}footer h3{margin-top:0}footer a,footer p{display:block;color:#dfeaf7;margin:9px 0;line-height:1.9}.socials{display:flex;flex-wrap:wrap;gap:10px}.socials a{background:rgba(255,255,255,.1);padding:8px 12px;border-radius:12px}.copyright{background:#03162f;color:#d7e5f4;text-align:center;padding:15px;font-size:13px}.back-top{position:fixed;left:20px;bottom:20px;width:44px;height:44px;background:#42af35;color:#fff;display:grid;place-items:center;border-radius:10px;z-index:80;font-size:23px;box-shadow:0 8px 20px rgba(0,0,0,.2)}@media(max-width:1000px){.desktop-nav,.register-btn{display:none}.menu-btn{display:block}.menu-open .mobile-menu{display:block}.topbar{padding:0 16px}.brand img{height:48px}.hero{padding:70px 20px;min-height:540px}.hero-bg{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.76),rgba(255,255,255,.18)),url('../uploads/school-front.jpg');background-position:center;background-size:cover}.stats{grid-template-columns:1fr 1fr;margin-top:-40px}.features{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.content-row{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding:34px 24px}}@media(max-width:640px){.topbar{height:64px}.mobile-menu{top:64px;height:calc(100vh - 64px)}.hero{min-height:500px}.stats,.features,.quick-grid,footer{grid-template-columns:1fr}.stat-item{border-left:0;border-bottom:1px solid #dce4ef}.stat-item:last-child{border-bottom:0}}
.important-links{
background:#ffffff;
margin:40px auto;
width:min(1100px,92%);
padding:30px;
border-radius:24px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.important-links h3{
margin-top:0;
margin-bottom:25px;
text-align:center;
color:#032b63;
font-size:28px;
}

.important-links-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:15px;
}

.important-links-grid a{
background:linear-gradient(135deg,#edf8f1,#eaf2ff);
padding:18px;
border-radius:16px;
text-align:center;
font-weight:bold;
color:#032b63;
transition:.3s;
}

.important-links-grid a:hover{
transform:translateY(-4px);
background:#dff1ff;
}
.socials{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}

.socials a{
background:#ffffff15;
padding:10px 16px;
border-radius:12px;
text-decoration:none;
color:#fff;
transition:.3s;
}

.socials a:hover{
background:#ffffff30;
transform:translateY(-2px);
}