@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700&display=swap";.branches-hero{min-height:90vh!important;background:linear-gradient(135deg,#0a2463,#1e3a5f,#0a2463)!important}.branches-hero:before{background:linear-gradient(135deg,#0a2463f5,#1e3a5ff0,#0a2463f5)!important;content:""!important;position:absolute;inset:0;z-index:0}.hero-overlay{background:radial-gradient(ellipse at center,rgba(0,86,179,.1) 0%,transparent 70%)!important}.hero-pattern{background-image:radial-gradient(circle at 25% 40%,rgba(255,255,255,.08) 2px,transparent 2px),radial-gradient(circle at 75% 60%,rgba(255,255,255,.06) 1.5px,transparent 1.5px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.04) 3px,transparent 3px)!important;background-size:80px 80px,120px 120px,150px 150px!important;opacity:.7!important;animation:patternFloat 20s ease-in-out infinite!important}@keyframes patternFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.branches-hero .container{max-width:1100px!important}.hero-title{font-size:4rem!important;letter-spacing:-1.5px!important;background:linear-gradient(135deg,#fff,#e8f4ff,#fff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.hero-description{font-size:1.35rem!important;line-height:1.9!important;color:#ffffffeb!important;max-width:850px!important}.hero-breadcrumbs{padding:12px 24px!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.15)!important;display:inline-flex!important}.hero-stats{padding:40px 60px!important;background:#ffffff14!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 20px 60px #0003!important;gap:50px!important}.stat-number{font-size:3rem!important;color:#fff!important;text-shadow:2px 2px 0 rgba(0,0,0,.2)!important}.stat-item{gap:12px!important}.stat-label{font-weight:700!important;letter-spacing:1.5px!important}.stat-divider{height:70px!important;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)!important}.branches-info-section{padding:100px 0!important}.info-content{padding:55px!important;border:2px solid rgba(0,86,179,.08)!important;box-shadow:0 10px 40px #0056b314!important}.info-icon{width:90px!important;height:90px!important;box-shadow:0 12px 35px #0056b34d!important;position:relative!important}.info-icon:before{content:""!important;position:absolute!important;inset:-8px!important;border:2px solid rgba(0,123,255,.2)!important;border-radius:50%!important;animation:pulse 2s ease-in-out infinite!important}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.info-title{font-size:2.5rem!important;letter-spacing:-.5px!important}.info-description{font-size:1.2rem!important;line-height:1.9!important}.branches-list-section{padding:120px 0!important}.branches-list-section .container{max-width:1050px!important}.branches-list{gap:24px!important}.branch-item{border-radius:24px!important;box-shadow:0 4px 20px #0000000f!important;border:1px solid rgba(0,86,179,.06)!important;transition:all .5s cubic-bezier(.4,0,.2,1)!important}.branch-item:hover{box-shadow:0 12px 40px #0056b326!important;transform:translateY(-5px)!important;border-color:#0056b326!important}.branch-item.active{box-shadow:0 20px 60px #0056b333!important;border-color:#0056b333!important}.branch-header{padding:35px!important;gap:24px!important}.branch-icon{width:72px!important;height:72px!important;border-radius:18px!important;box-shadow:0 8px 25px #0056b34d!important;position:relative!important}.branch-icon:before{content:""!important;position:absolute!important;inset:-3px!important;border-radius:18px!important;background:linear-gradient(135deg,#007bff4d,#0056b34d)!important;opacity:0!important;transition:opacity .3s ease!important}.branch-item:hover .branch-icon:before{opacity:1!important}.branch-name{font-size:1.75rem!important;letter-spacing:-.5px!important}.branch-phone{font-size:1.1rem!important;padding:8px 16px!important;background:#f8f9fa!important;border-radius:8px!important;border:1px solid rgba(0,86,179,.08)!important;gap:28px!important}.branch-phone svg{color:#007bff!important}.branch-toggle-icon{width:54px!important;height:54px!important;border:2px solid rgba(0,86,179,.1)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.branch-item.active .branch-toggle-icon{border-color:transparent!important}.branch-expanded-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;transition:max-height .6s cubic-bezier(.4,0,.2,1)!important}.branch-item.active .branch-expanded-content{max-height:700px!important}.content-grid{gap:35px!important;padding:35px!important}.content-text{gap:24px!important}.branch-address{font-size:1.1rem!important;padding:18px!important;border-radius:14px!important;border:2px solid rgba(0,86,179,.08)!important;box-shadow:0 4px 12px #0000000a!important}.branch-description{font-size:1.15rem!important;line-height:1.9!important}.maps-link{padding:16px 32px!important;border-radius:12px!important;font-size:1.05rem!important;box-shadow:0 6px 20px #0056b359!important;border:2px solid transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.maps-link:hover{transform:translateY(-4px)!important;box-shadow:0 10px 30px #0056b373!important}.content-map{border-radius:20px!important;border:3px solid white!important;box-shadow:0 8px 30px #0000001f!important}.content-map iframe{min-height:380px!important}.branches-cta-section{padding:120px 0!important;background:linear-gradient(135deg,#0a2463,#1e3a5f)!important}.branches-cta-section:before{background:linear-gradient(135deg,#0a2463f7,#1e3a5ff2)!important}.branches-cta-section:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(ellipse at center,rgba(0,86,179,.15) 0%,transparent 70%)!important;z-index:1!important}.branches-cta-section .container{max-width:850px!important}.cta-content{padding:70px 50px!important;box-shadow:0 20px 60px #0000004d!important}.cta-title{font-size:2.8rem!important;letter-spacing:-.5px!important}.cta-description{font-size:1.25rem!important;line-height:1.9!important}.btn-large{padding:20px 48px!important;font-size:1.2rem!important;border-radius:14px!important;font-weight:800!important}.btn-large:hover{transform:translateY(-4px)!important;box-shadow:0 12px 35px #00000040!important}@media(max-width:1024px){.hero-title{font-size:3.5rem!important}.hero-description{font-size:1.2rem!important}.hero-stats{gap:35px!important;padding:30px 40px!important}.stat-number{font-size:2.5rem!important}}@media(max-width:768px){.branches-hero{min-height:80vh!important}.hero-title{font-size:2.8rem!important}.hero-description{font-size:1.1rem!important}.hero-stats{flex-direction:column!important;gap:30px!important;padding:30px!important}.stat-divider{display:none!important}.stat-number{font-size:2.5rem!important}.info-content{padding:35px!important}.info-title{font-size:2rem!important}.info-description{font-size:1rem!important}.branch-header{padding:25px!important;gap:18px!important}.branch-icon{width:60px!important;height:60px!important}.branch-name{font-size:1.4rem!important}.branch-toggle-icon{width:44px!important;height:44px!important}.content-grid{grid-template-columns:1fr!important;padding:25px!important;gap:25px!important}.content-map{order:-1!important}.content-map iframe{min-height:280px!important}.cta-content{padding:50px 30px!important}.cta-title{font-size:2rem!important}.cta-description{font-size:1.1rem!important}.btn-large{padding:16px 36px!important;font-size:1.1rem!important}}@media(max-width:480px){.hero-title{font-size:2.2rem!important}.hero-stats{padding:25px!important}.stat-number{font-size:2rem!important}.branch-header{flex-direction:column!important;text-align:center!important}.branch-details{flex-direction:column!important;align-items:center!important}.branch-toggle-icon{position:absolute!important;top:20px!important;left:20px!important}}*,html{scroll-behavior:smooth}html,body{overflow-x:hidden;width:100%}html{scroll-padding-top:100px}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}body{margin:0;padding:0;min-height:auto;display:block;place-items:unset}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .4s ease-out,visibility .4s ease-out;visibility:visible}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-container{text-align:center}.loading-logo-wrapper{animation:logoAppear 1.2s ease-out}@keyframes logoAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loading-logo{width:300px;height:auto}@media(max-width:768px){.loading-logo{width:220px}}@media(max-width:480px){.loading-logo{width:180px}}.phase21-home{--phase21-bg: #f4f7fb;--phase21-ink: #0f1c2f;--phase21-muted: #536179;--phase21-surface: #ffffff;--phase21-line: rgba(17, 34, 68, .12);--phase21-brand: #0f5e9c;--phase21-brand-dark: #0a3f69;--phase21-accent: #f6b63e;--phase21-success: #1b9f8a;font-family:Tajawal,Cairo,sans-serif;color:var(--phase21-ink);background:radial-gradient(circle at 90% -10%,rgba(15,94,156,.1),transparent 34%),radial-gradient(circle at 0% 30%,rgba(246,182,62,.14),transparent 36%),var(--phase21-bg);overflow:clip}.phase21-home .container{width:min(1160px,calc(100% - 2rem));margin-inline:auto}.phase21-hero{position:relative;min-height:84vh;display:grid;align-items:center;isolation:isolate}.phase21-hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4}.phase21-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.phase21-hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,#091a2ceb,#091a2cad);z-index:-2}.phase21-hero-glow{position:absolute;border-radius:999px;filter:blur(3px);z-index:-1;opacity:.85}.phase21-hero-glow-a{width:320px;height:320px;top:4rem;left:-6rem;background:radial-gradient(circle,rgba(246,182,62,.45),transparent 66%)}.phase21-hero-glow-b{width:260px;height:260px;bottom:3rem;right:-5rem;background:radial-gradient(circle,rgba(27,159,138,.44),transparent 66%)}.phase21-hero-shell{display:grid;grid-template-columns:1.25fr .95fr;gap:1.5rem;padding:5rem 0 3.5rem;color:#f8fbff}.phase21-hero-copy,.phase21-hero-stats{animation:phase21FadeUp .9s ease both}.phase21-hero-stats{animation-delay:.16s}.phase21-kicker{margin:0 0 .75rem;font-family:Cairo,sans-serif;letter-spacing:.12em;font-size:.78rem;font-weight:700;text-transform:uppercase;color:#f8fbffb8}.phase21-title{margin:0;font-family:Cairo,sans-serif;font-weight:800;line-height:1.15;font-size:clamp(1.9rem,4vw,3.45rem)}.phase21-subtitle{margin:1rem 0 0;max-width:60ch;color:#f8fbffdb;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.75}.phase21-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.phase21-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-size:.95rem;font-weight:700;padding:.8rem 1.4rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;border:1px solid transparent}.phase21-btn:hover{transform:translateY(-1px)}.phase21-btn-primary{background:linear-gradient(120deg,var(--phase21-accent),#ffd17d);color:#1f1b11;box-shadow:0 12px 28px #f6b63e52}.phase21-btn-ghost{background:#ffffff14;color:#f8fbff;border-color:#ffffff4d}.phase21-hero-stats{display:grid;grid-template-columns:1fr;gap:.85rem}.phase21-stat-card{border:1px solid rgba(255,255,255,.17);border-radius:18px;background:linear-gradient(150deg,#ffffff24,#ffffff0d);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.phase21-stat-value{margin:0;font-family:Cairo,sans-serif;font-weight:800;font-size:1.65rem;color:#fff}.phase21-stat-label{margin:.15rem 0;font-size:.95rem;font-weight:700;color:#f8fbffe6}.phase21-stat-detail{margin:0;font-size:.87rem;color:#f8fbffb8;line-height:1.55}.phase21-story,.phase21-programs,.phase21-dynamic-block,.phase21-cta{padding:4.4rem 0}.phase21-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center}.phase21-story-media img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:24px;border:1px solid var(--phase21-line);box-shadow:0 18px 40px #0c19301f}.phase21-story-copy{background:linear-gradient(180deg,#ffffffdb,#ffffffbd);border:1px solid var(--phase21-line);border-radius:24px;padding:1.5rem}.phase21-section-kicker{margin:0;color:var(--phase21-brand-dark);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.phase21-section-title{margin:.7rem 0 0;font-family:Cairo,sans-serif;font-size:clamp(1.45rem,2.7vw,2.3rem);line-height:1.3}.phase21-section-subtitle{margin:.75rem 0 0;color:var(--phase21-muted);line-height:1.75}.phase21-story-text{margin-top:.8rem;display:grid;gap:.7rem}.phase21-story-text p{margin:0;line-height:1.8;color:#27354f}.phase21-link-arrow{display:inline-flex;gap:.45rem;align-items:center;margin-top:1rem;color:var(--phase21-brand);text-decoration:none;font-weight:700}.phase21-link-arrow:after{content:"←"}.phase21-programs{padding-top:3.6rem}.phase21-programs-header{max-width:760px}.phase21-program-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.phase21-program-card{border-radius:22px;background:var(--phase21-surface);border:1px solid var(--phase21-line);overflow:hidden;box-shadow:0 16px 34px #0c193014;transition:transform .22s ease,box-shadow .22s ease}.phase21-program-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #0c19301f}.phase21-program-card img{width:100%;height:220px;object-fit:cover}.phase21-program-content{padding:1rem}.phase21-program-subtitle{margin:0;color:var(--phase21-success);font-size:.84rem;font-weight:700}.phase21-program-content h3{margin:.25rem 0 .45rem;font-family:Cairo,sans-serif;font-size:1.16rem}.phase21-program-content p{margin:0;color:var(--phase21-muted);line-height:1.7}.phase21-branches-band{padding:.35rem 0 4rem}.phase21-branches-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.phase21-branch-chip{background:linear-gradient(130deg,#0f5e9c,#0b4470);border-radius:16px;color:#f8fbff;padding:.85rem 1rem;box-shadow:0 10px 22px #0f5e9c42}.phase21-branch-name,.phase21-branch-phone{margin:0}.phase21-branch-name{font-size:.92rem;font-weight:700}.phase21-branch-phone{margin-top:.25rem;opacity:.9;font-size:.88rem}.phase21-dynamic-block{background:linear-gradient(180deg,#ffffffa3,#ffffff3d)}.phase21-dynamic-alt{background:linear-gradient(180deg,#112643f2,#0c1e34fa);color:#f7faff}.phase21-dynamic-alt .phase21-section-kicker{color:#95d8ce}.phase21-dynamic-alt .phase21-section-subtitle,.phase21-dynamic-alt .phase21-section-title{color:#f7faff}.phase21-home .dynamic-section{padding-top:1rem}.phase21-home .dynamic-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.phase21-home .award-card,.phase21-home .testimonial-card{border-radius:18px;border:1px solid var(--phase21-line);background:#ffffffe6;box-shadow:0 12px 28px #0c193014}.phase21-home .testimonial-quote,.phase21-home .award-card-description{line-height:1.7}.phase21-cta-box{border-radius:26px;border:1px solid var(--phase21-line);background:linear-gradient(130deg,#0e2f4d,#114f83);color:#f8fbff;padding:2rem;text-align:center;box-shadow:0 20px 48px #091a2c42}.phase21-cta-box h2{margin:0;font-family:Cairo,sans-serif;font-size:clamp(1.35rem,2.8vw,2.25rem)}.phase21-cta-box p{margin:.8rem auto 1.25rem;max-width:56ch;color:#f8fbffdb;line-height:1.7}@keyframes phase21FadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.phase21-hero-shell,.phase21-story-grid{grid-template-columns:1fr}.phase21-hero{min-height:auto}.phase21-program-grid{grid-template-columns:1fr}.phase21-branches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.phase21-hero-video{display:none}}@media(prefers-reduced-motion:reduce){.phase21-hero-video{display:none}.phase21-hero-copy,.phase21-hero-stats{animation:none}}@media(max-width:640px){.phase21-home .container{width:min(1160px,calc(100% - 1.2rem))}.phase21-hero-shell,.phase21-story,.phase21-programs,.phase21-dynamic-block,.phase21-cta{padding-block:3rem}.phase21-story-copy,.phase21-cta-box{padding:1.2rem}.phase21-branches-grid{grid-template-columns:1fr}}.phase2-goals{--phase2-ink: #0f1f34;--phase2-muted: #51627c;--phase2-line: rgba(20, 39, 70, .13);--phase2-surface: #ffffff;--phase2-bg: #f4f7fb;--phase2-brand: #0f5e9c;--phase2-brand-dark: #0b4069;--phase2-accent: #f6b63e;font-family:Tajawal,Cairo,sans-serif;color:var(--phase2-ink);background:radial-gradient(circle at 100% 0,rgba(15,94,156,.1),transparent 30%),radial-gradient(circle at 0 35%,rgba(246,182,62,.14),transparent 32%),var(--phase2-bg)}.phase2-goals .container{width:min(1140px,calc(100% - 2rem));margin-inline:auto}.phase2-goals-hero{padding:4.6rem 0 2.4rem;background:linear-gradient(125deg,#0c2b46f5,#0e4d7de0);color:#f8fbff}.phase2-goals-kicker{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.78}.phase2-goals-hero h1{margin:.75rem 0 0;font-family:Cairo,sans-serif;font-size:clamp(1.7rem,3.5vw,3rem)}.phase2-goals-hero p{margin:.85rem 0 0;max-width:62ch;font-size:clamp(.98rem,1.5vw,1.15rem);line-height:1.8;opacity:.92}.phase2-goals-layout{display:grid;grid-template-columns:250px 1fr;gap:1rem;align-items:start;padding:1.2rem 0 4rem}.phase2-goals-sidebar{position:sticky;top:90px;border:1px solid var(--phase2-line);border-radius:20px;padding:.85rem;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phase2-goals-menu-btn{display:none;width:100%;border:1px solid var(--phase2-line);border-radius:12px;background:#fff;color:var(--phase2-ink);padding:.65rem .9rem;font-weight:700}.phase2-goals-sidebar nav{display:grid;gap:.45rem}.phase2-goals-nav-item{text-align:right;border:1px solid transparent;background:transparent;color:var(--phase2-muted);border-radius:12px;padding:.62rem .8rem;font-size:.96rem;font-weight:700;cursor:pointer;transition:all .2s ease}.phase2-goals-nav-item:hover{border-color:var(--phase2-line);color:var(--phase2-ink)}.phase2-goals-nav-item.is-active{background:linear-gradient(120deg,#0f5e9c24,#f6b63e33);border-color:#0f5e9c3d;color:var(--phase2-brand-dark)}.phase2-goals-content{display:grid;gap:1rem}.phase2-goals-section{border:1px solid var(--phase2-line);border-radius:24px;background:#ffffffe6;box-shadow:0 16px 34px #0c193012;padding:1.2rem}.phase2-goals-section-head p{margin:0;color:var(--phase2-brand-dark);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.phase2-goals-section-head h2{margin:.45rem 0 0;font-family:Cairo,sans-serif;font-size:clamp(1.3rem,2.3vw,2rem)}.phase2-goals-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.phase2-goals-card{border:1px solid var(--phase2-line);border-radius:16px;padding:.9rem;background:#fff}.phase2-goals-card h3{margin:0;font-size:1.06rem}.phase2-goals-card p{margin:.55rem 0 0;color:var(--phase2-muted);line-height:1.7}.phase2-goals-vision-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.phase2-goals-vision-card{border-radius:16px;border:1px solid var(--phase2-line);padding:1rem;background:linear-gradient(130deg,#0f5e9c1a,#f6b63e1f)}.phase2-goals-vision-card h3{margin:0;font-family:Cairo,sans-serif;font-size:1.05rem}.phase2-goals-vision-card p{margin:.6rem 0 0;line-height:1.7;color:#243450}.phase2-goals-curriculum-shell{margin-top:.9rem}.phase2-goals-council-card{margin-top:.9rem;border:1px solid var(--phase2-line);border-radius:16px;background:#fff;padding:1rem}.phase2-goals-council-card p{margin:0;line-height:1.8;color:#243450}.phase2-goals-council-card ul{margin:.8rem 0;padding-inline-start:1.1rem;display:grid;gap:.45rem}.phase2-goals-council-card li{color:var(--phase2-muted);line-height:1.7}@media(max-width:980px){.phase2-goals-layout{grid-template-columns:1fr}.phase2-goals-sidebar{position:static}.phase2-goals-menu-btn{display:inline-flex;justify-content:center;align-items:center;margin-bottom:.6rem}.phase2-goals-sidebar nav{display:none}.phase2-goals-sidebar.is-open nav{display:grid}.phase2-goals-grid,.phase2-goals-vision-grid{grid-template-columns:1fr}}@media(max-width:640px){.phase2-goals .container{width:min(1140px,calc(100% - 1.2rem))}.phase2-goals-hero{padding-top:3.7rem}.phase2-goals-section{padding:.95rem}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;scroll-behavior:smooth}body{width:100%;overflow-x:hidden;position:relative}body{font-family:Cairo,Arial,Helvetica,sans-serif;line-height:1.7;color:#495057;background:#f0f0f0 url(/school-web/images/body/wallapper.jpg) center/cover fixed no-repeat;font-size:16px;position:relative;overflow-x:hidden;min-height:100vh}.hero-section *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#f8f9fa05);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}main:before,main:after{content:"";position:fixed;width:200px;height:200px;opacity:.06;z-index:0;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease}main:before{left:20px;top:50%;transform:translateY(-50%);background-image:url(/school-web/images/body/moe.png)}main:after{right:20px;top:50%;transform:translateY(-50%);background-image:url(/school-web/images/body/square-logo.png)}@media(max-width:1023px){body:before{opacity:.2}main:before,main:after{opacity:.04}}main{position:relative;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:700;color:#212529;line-height:1.3;letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:800}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:600}p{margin-bottom:16px;line-height:1.8;color:#6c757d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Cairo,Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:active:before{width:300px;height:300px}.btn-primary{background:#0056b3;color:#fff;box-shadow:0 4px 12px #0056b359;font-weight:800;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0056b373;background:#004494}.btn-secondary{background:#fff;color:#0056b3;border:2px solid #0056b3;box-shadow:0 4px 12px #0056b333;font-weight:800;letter-spacing:.3px}.btn-secondary:hover{background:#0056b3;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0056b359}.header{display:flex;justify-content:flex-start;align-items:center;background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);padding:12px 20px;position:fixed;top:0;left:0;right:0;z-index:100;box-sizing:border-box;width:100%;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;height:72px;box-shadow:0 2px 8px #0000000d}.nav-section{margin-left:auto}.header.visible{opacity:1;transform:translateY(0)}.header.hidden{opacity:0;transform:translateY(-100%)}body.goals-values-page .header{position:sticky!important;top:0;opacity:1!important;transform:translateY(0)!important;background:#00000080}.nav{display:flex;align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:#007bff0d;border:1px solid rgba(0,123,255,.1);cursor:pointer;padding:8px;margin-left:12px;border-radius:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#007bff1a;border-color:#007bff33}.mobile-menu-toggle.active{background:#007bff26;border-color:#007bff4d}.hamburger-line{width:24px;height:2px;background-color:#333;margin:3px 0;transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:translate(10px)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-close{display:none}.desktop-search{display:flex;margin:0 15px}.mobile-search{display:none;margin-bottom:20px;padding:0 10px}.search-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.search-input-wrapper{position:relative;width:200px;transition:width .3s cubic-bezier(.25,.8,.25,1)}.search-container:focus-within .search-input-wrapper{width:260px;box-shadow:0 4px 15px #007bff26;border-radius:50px}.search-input{width:100%;padding:12px 20px 12px 48px;border:2px solid #e8e8e8;border-radius:50px;background-color:#f8f9fa;font-size:14px;font-family:inherit;text-align:right;direction:rtl;outline:none;transition:all .3s ease;height:44px}.search-input::placeholder{color:#999;font-style:italic}.search-input:focus{border-color:#0056b3;background-color:#fff;box-shadow:0 0 0 3px #0056b31a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center}.search-icon img{width:18px;height:18px;object-fit:contain;filter:brightness(0) contrast(1);transition:transform .2s ease}.search-icon:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.search-results{position:absolute;top:100%;width:100%;max-width:450px;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000;display:none;margin-top:4px}.search-results.show{display:block}.search-result-item{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .2s ease;text-align:right}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background-color:#f0f0f0}.search-result-title{font-weight:700;color:#333;margin-bottom:4px;font-size:14px}.search-result-caption{color:#6c757d;font-size:12px;line-height:1.4}.no-results{padding:16px;text-align:center;color:#6c757d;font-style:italic}.nav-list{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:8px}.nav-list li{display:flex;align-items:center;height:100%}.nav-list a{text-decoration:none;color:#333;padding:10px 14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;background-color:transparent;border:none;font-size:.95rem;border-radius:8px;white-space:nowrap;position:relative;height:44px;line-height:1}.nav-list a:hover{color:#0056b3;background:linear-gradient(90deg,#0056b314,#0056b30a);transform:translateY(-2px);box-shadow:0 2px 8px #0056b31a}.nav-list a:active{transform:translateY(-1px)}.nav-list a:before{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background-color:#007bff;transition:all .3s ease;transform:translate(-50%)}.nav-list a:hover:before{width:80%}.nav-icon{width:22px;height:22px;object-fit:contain;opacity:.75;transition:all .3s ease;filter:brightness(0) contrast(1)}.nav-list a:hover .nav-icon{opacity:1;transform:scale(1.1);filter:brightness(0) contrast(1)}.dropdown>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:8px;margin-bottom:2px;transition:transform .3s ease;opacity:.5}.dropdown:hover>a:after{transform:rotate(225deg);opacity:1}.dropdown>button.nav-link:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:8px;margin-bottom:2px;transition:transform .3s ease;opacity:.5}.dropdown.open>button.nav-link:after{transform:rotate(225deg);opacity:1}.logo img{max-height:50px;height:auto;width:auto;display:block}.dropdown{position:relative}.dropdown-menu,.apply-dropdown-menu{display:block;visibility:hidden;opacity:0;position:absolute;top:calc(100% + 8px);background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 12px 40px #00000026;padding:8px 0;z-index:1000;margin-top:0;list-style:none;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:fit-content;white-space:nowrap;max-height:400px;overflow-y:auto}.dropdown-menu{right:0;min-width:220px;transform:translateY(10px)}.apply-dropdown-menu{right:0;left:auto;min-width:200px;max-width:280px;transform:translateY(10px);box-sizing:border-box}.dropdown:hover .dropdown-menu,.apply-dropdown:hover .apply-dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-menu li,.apply-dropdown-menu li{border:none;margin:0}.dropdown-menu a,.apply-dropdown-menu a{display:block;width:100%;box-sizing:border-box;padding:12px 20px;color:#555;font-weight:500;text-decoration:none;border-radius:0;transition:all .2s ease;font-size:.95rem;text-align:right;border-bottom:1px solid rgba(0,0,0,.04);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu li:last-child a,.apply-dropdown-menu li:last-child a{border-bottom:none}.dropdown-menu a:hover,.apply-dropdown-menu a:hover{background-color:#f0f8ff;color:#0056b3;padding-right:28px}a.btn-primary.apply-btn{background:linear-gradient(135deg,#06c,#0056b3)!important;color:#fff!important;padding:12px 24px!important;border-radius:8px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #0056b340!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:10px!important;gap:8px!important;border:none!important;font-size:.95rem!important;white-space:nowrap!important;position:relative!important;letter-spacing:.3px!important;height:44px!important;min-width:120px!important;text-decoration:none!important;cursor:pointer!important}.apply-btn:before{display:none}.apply-btn:hover:before{display:none}a.btn-primary.apply-btn:hover{background:linear-gradient(135deg,#0056b3,#004494)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0056b366!important}.apply-btn:active{transform:translateY(0)}.apply-btn:after{content:"";position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.apply-btn:hover:after{opacity:1}.apply-dropdown{position:relative;display:inline-block;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;border:none;z-index:-1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#00000080);z-index:1;pointer-events:none}.hero-content-wrapper{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:800px;padding:0 20px}.hero-title{font-size:3.8rem;font-weight:900;margin-bottom:24px;line-height:1.15;text-shadow:0 6px 20px rgba(0,0,0,.5);opacity:0;transform:translateY(30px);animation:heroFadeInUp .8s ease-out forwards;letter-spacing:.5px}.hero-subtitle{font-size:1.6rem;margin-bottom:45px;font-weight:600;line-height:1.5;text-shadow:0 4px 12px rgba(0,0,0,.4);opacity:0;transform:translateY(30px);animation:heroFadeInUp .8s ease-out .2s forwards;letter-spacing:.3px}.hero-cta{display:inline-flex;align-items:center;gap:16px;padding:16px 36px;font-size:1.15rem;font-weight:800;border-radius:12px;background:#fff;color:#0056b3;border:3px solid #ffffff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000004d;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:heroFadeInUp .8s ease-out .4s forwards;letter-spacing:.5px}.hero-cta:hover{background:#0056b3;color:#fff;border-color:#0056b3;transform:translateY(-3px);box-shadow:0 12px 40px #0006}.hero-cta svg{transition:transform .3s ease}.hero-cta:hover svg{transform:translate(-4px)}@keyframes heroFadeInUp{to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.animate{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:50px}.section-tag{font-size:.95rem;font-weight:600;color:#007bff;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;opacity:.9}.section-title{font-size:2.5rem;color:#212529;margin-bottom:16px;font-weight:800}.section-subtitle{font-size:1.15rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.8}.intro-article-section{padding:100px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.intro-article-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.intro-article-section .container{position:relative;z-index:1;padding:0 15px}.intro-article-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:center;justify-content:center}.intro-article-image{flex:0 0 45%;max-width:500px}.image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;transform:perspective(1000px) rotateY(-5deg);transition:transform .6s ease,box-shadow .6s ease}.image-wrapper:hover{transform:perspective(1000px) rotateY(0);box-shadow:0 30px 80px #0003}.image-wrapper img{width:100%;height:auto;display:block}.image-decoration{position:absolute;bottom:-20px;right:-20px;width:100%;height:100%;border:3px solid #007bff;border-radius:20px;z-index:-1}.intro-article-text{flex:1;text-align:right;max-width:600px}.intro-subheading{font-size:.95rem;font-weight:700;color:#007bff;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}.intro-headline{font-size:2.8rem;font-weight:900;color:#212529;margin-bottom:28px;line-height:1.3}.intro-paragraphs{margin-bottom:40px}.intro-paragraphs p{font-size:1.15rem;line-height:1.9;color:#6c757d;margin-bottom:24px}.intro-paragraphs p:last-child{margin-bottom:0}.intro-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;border-radius:8px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border:none;box-shadow:0 4px 12px #007bff4d;transition:all .3s ease;opacity:0;transform:translateY(20px)}.intro-cta-visible{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;font-size:1rem;font-weight:700;border-radius:8px;background:linear-gradient(135deg,#fff,#f8f9fa);color:#007bff;text-decoration:none;border:2px solid #007bff;box-shadow:0 4px 12px #007bff26;transition:all .3s ease;opacity:1;transform:translateY(0)}.intro-cta:hover,.intro-cta-visible:hover{transform:translateY(-3px);box-shadow:0 8px 20px #007bff40;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff}.intro-cta svg{transition:transform .3s ease}.intro-cta:hover svg,.intro-cta-visible:hover svg{transform:translate(-3px)}.stats-section{padding:100px 0;background-color:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;margin-top:0}.stats-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8f9faa6,#e9ecefa6);z-index:0}.stats-section .container{position:relative;z-index:1;max-width:1200px;width:100%;box-sizing:border-box}.stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%;box-sizing:border-box}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:50px 35px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #00000014;flex:1 1 280px;max-width:320px;min-width:280px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,123,255,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0000001f;border-color:#007bff33}.branches-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 60px #007bff26;border-color:#007bff4d}.stat-cta-btn{position:absolute;bottom:20px;left:20px;opacity:0;transform:translateY(15px);transition:all .4s ease;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #007bff4d;border:1px solid rgba(255,255,255,.2)}.stat-cta-btn:hover{transform:translateY(0) scale(1.05);box-shadow:0 6px 16px #007bff66}.branches-card:hover .stat-cta-btn{opacity:1;transform:translateY(0)}.stat-icon{margin-bottom:24px;display:flex;justify-content:center}.stat-icon img{height:70px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .4s ease}.stat-card:hover .stat-icon img{transform:scale(1.1)}.stat-number{font-size:3rem;font-weight:900;margin-bottom:16px;line-height:1;color:#0056b3!important}.stat-card h3{color:#212529;font-size:1.3rem;margin-bottom:10px;font-weight:700}.stat-card p{color:#6c757d;font-size:1.05rem;margin-bottom:0;line-height:1.6}.about-section{padding:64px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.about-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.about-section .container{position:relative;z-index:1}.about-text{opacity:0;transform:translate(50px);transition:opacity .8s ease,transform .8s ease}.about-text.animate-in{opacity:1;transform:translate(0)}.about-content{display:flex;flex-direction:column;gap:32px}.about-text,.about-image{flex:1}.about-text h2{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:20px}.about-text p{color:#6c757d;line-height:1.7;font-size:1rem}.about-image img{width:100%;height:auto;border-radius:8px}.school-levels-section{padding:100px 0;background-color:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.school-levels-section:before{content:"";position:absolute;inset:0;background-color:#f8f9fa8c;z-index:0}.school-levels-section .container{position:relative;z-index:1}.school-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0 auto}.school-level-card{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);aspect-ratio:1/1.8;opacity:0;transform:translateY(50px)}.school-level-card.animate{opacity:1;transform:translateY(0)}.school-level-card a{display:block;width:100%;height:100%;text-decoration:none;position:relative}.school-level-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.school-level-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #0003}.school-level-card:hover img{transform:scale(1.1)}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%);color:#fff;padding:30px 20px 20px;display:flex;justify-content:space-between;align-items:flex-end;font-size:1.3rem;font-weight:700;transition:all .4s ease}.school-level-card:hover .card-overlay{background:linear-gradient(to top,rgba(0,86,179,.95) 0%,rgba(0,86,179,.7) 50%,transparent 100%)}.card-overlay span{transform:translateY(0);transition:transform .4s ease}.school-level-card:hover .card-overlay span{transform:translateY(-5px)}.card-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);width:50px;height:50px;border-radius:50%;font-size:1.5rem;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.school-level-card:hover .card-button{opacity:1;transform:translateY(0)}.card-button:hover{background:#fff;color:#007bff;transform:scale(1.1)}.news-section{padding:64px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.news-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.news-section .container{position:relative;z-index:1}.news-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px}.news-item{background-color:#fff;padding:20px;border-radius:6px;border:1px solid #e9ecef;box-shadow:0 2px 4px #00000014;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.news-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f;background-color:#f8f9fa}.news-item h3{color:#007bff;margin-bottom:10px;font-size:1.1rem;font-weight:600}.news-item p{color:#6c757d;margin-bottom:10px;line-height:1.6;font-size:.95rem}.news-item time{font-size:.85rem;color:#6c757d;display:block;margin-top:8px;padding-top:8px;border-top:1px solid #e9ecef}.gallery-section{padding:50px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.gallery-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.gallery-section .container{position:relative;z-index:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.gallery-item{aspect-ratio:4/3;overflow:hidden;border-radius:4px;border:1px solid #e9ecef;background-color:#f8f9fa;transition:transform .2s ease}.gallery-item:hover{transform:scale(1.02)}.gallery-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e9ecef,#dee2e6);display:flex;align-items:center;justify-content:center;color:#adb5bd;font-size:.875rem}.gallery-placeholder:before{content:"صورة";opacity:.5}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;padding:60px 0 30px;margin-top:0}.footer-content{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-section h3{margin-bottom:20px;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:12px}.footer-section li:last-child{margin-bottom:0}.social-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.social-icon{width:42px;height:42px;border-radius:50%;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.social-icon:hover{transform:translateY(-3px) scale(1.1);border-color:#00d4ff;background-color:#00d4ff33;box-shadow:0 8px 25px #00d4ff4d}.footer-section a{color:#b8c5d6;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-section a:hover{color:#00d4ff;transform:translate(5px)}.footer-section p{color:#b8c5d6;line-height:1.8;margin-bottom:0}.contact-item{display:inline-block;transition:all .3s ease;padding:2px 0}.contact-item:hover{color:#fff;transform:translate(-5px)}.contact-item.clickable{cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:10px}.contact-item.clickable:hover{color:#00d4ff}.copy-feedback{background-color:#00d4ff;color:#1a1a2e;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.awards-section{padding:30px 0;border-top:1px solid rgba(255,255,255,.1);background:#0003}.awards-container{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap;max-width:fit-content;margin:0 auto}.award-logo{height:70px;width:auto;max-width:140px;object-fit:contain;opacity:.85;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.award-logo:hover{opacity:1;transform:scale(1.08);filter:drop-shadow(0 4px 15px rgba(0,212,255,.4))}.awards-carousel-section{width:100%;padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.awards-carousel-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8f9faa6,#e9ecefa6);z-index:0}.awards-carousel-section .container{position:relative;z-index:1;max-width:1200px}.carousel{position:relative;width:100%;margin:0 auto;overflow:visible;max-width:1100px;z-index:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #007bff4d}.carousel-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 8px 25px #007bff66}.carousel-btn.prev{left:-30px}.carousel-btn.next{right:-30px}.carousel-container{position:relative;width:100%;height:450px;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.carousel-container:active{cursor:grabbing}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s ease;padding:30px}.slide.active{opacity:1;visibility:visible}.slide-content-wrapper{display:flex;align-items:center;gap:50px;max-width:900px;width:100%;background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000001a}.slide-image{flex:0 0 280px;text-align:center}.slide-image img{max-width:100%;height:auto;max-height:180px;object-fit:contain;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .4s ease}.slide-image:hover img{transform:scale(1.05)}.slide-content{flex:1;text-align:right;padding:0}.slide-content h3{font-size:2rem;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-weight:800;line-height:1.3}.slide-content p{font-size:1.1rem;line-height:1.8;color:#495057;margin:0;word-wrap:break-word;overflow-wrap:break-word}.carousel-dots{display:flex;justify-content:center;margin-top:40px;gap:12px}.dot{width:14px;height:14px;border-radius:50%;background:#dee2e6;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;border:none}.dot.active{background:linear-gradient(135deg,#007bff,#0056b3);width:40px;border-radius:7px}.dot:hover{background:#007bff99}.testimonials-section{width:100%;padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.testimonials-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8f9faa6,#e9ecefa6);z-index:0}.testimonials-section .container{position:relative;z-index:1;max-width:1100px}.testimonials-carousel{position:relative;width:100%;margin:0 auto;overflow:visible}.testimonial-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #007bff4d;display:flex;align-items:center;justify-content:center}.testimonial-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 8px 25px #007bff66}.testimonial-btn.prev{right:-25px}.testimonial-btn.next{left:-25px}.testimonial-container{position:relative;width:100%;min-height:400px;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.testimonial-container:active{cursor:grabbing}.testimonial-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s ease,transform .8s cubic-bezier(.4,0,.2,1);transform:translate(30px);padding:20px}.testimonial-slide.active{opacity:1;visibility:visible;transform:translate(0)}.testimonial-card{display:flex;gap:40px;max-width:900px;width:100%;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);padding:45px 40px;border-radius:24px;box-shadow:0 15px 50px #0000001f;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease,box-shadow .4s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000026}.testimonial-content{flex:1;text-align:right;display:flex;flex-direction:column;justify-content:center}.testimonial-text{font-size:1.2rem;line-height:1.9;color:#495057;margin-bottom:30px;font-weight:500;position:relative}.testimonial-text:before{content:'"';position:absolute;top:-15px;right:-15px;font-size:4rem;color:#007bff1a;font-family:Georgia,serif;line-height:1}.testimonial-author{display:flex;flex-direction:column;gap:8px}.author-name{font-size:1.3rem;font-weight:700;color:#0056b3;margin:0}.author-role{font-size:1rem;color:#6c757d;font-weight:500}.testimonial-image{flex:0 0 240px;display:flex;align-items:center;justify-content:center;position:relative}.testimonial-image:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);z-index:-1;transition:transform .4s ease}.testimonial-image:hover:before{transform:scale(1.1)}.testimonial-image img{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 10px 30px #0056b340,0 4px 10px #0000001a;border:5px solid #fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.testimonial-image img:hover{transform:scale(1.08);box-shadow:0 15px 40px #0056b359,0 6px 15px #00000026}.testimonial-dots{display:flex;justify-content:center;margin-top:40px;gap:12px}.testimonial-dot{width:14px;height:14px;border-radius:50%;background:#dee2e6;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;border:none}.testimonial-dot.active{background:linear-gradient(135deg,#007bff,#0056b3);width:40px;border-radius:7px}.testimonial-dot:hover{background:#007bff99}@media(max-width:1024px){.testimonial-btn{width:45px;height:45px;font-size:18px}.testimonial-btn.prev{right:-10px}.testimonial-btn.next{left:-10px}.testimonial-card{gap:30px;padding:35px 30px}.testimonial-text{font-size:1.1rem}.testimonial-image{flex:0 0 180px}.testimonial-image:before{width:160px;height:160px}.testimonial-image img{width:140px;height:140px;border-width:4px}}@media(max-width:768px){.testimonials-section{padding:60px 0}.testimonial-card{flex-direction:column-reverse;gap:25px;padding:30px 25px;text-align:center}.testimonial-content{text-align:center}.testimonial-text:before{top:-10px;right:50%;transform:translate(50%)}.testimonial-image{flex:0 0 auto;justify-content:center}.testimonial-image:before{width:140px;height:140px}.testimonial-image img{width:120px;height:120px;border-width:4px}.testimonial-btn{display:none}.testimonial-text{font-size:1rem}.section-title{font-size:1.8rem}}@media(max-width:480px){.testimonial-card{padding:25px 20px;gap:20px}.testimonial-text{font-size:.95rem;line-height:1.7}.testimonial-image:before{width:130px;height:130px}.testimonial-image img{width:110px;height:110px;border-width:3px}.author-name{font-size:1.1rem}.author-role{font-size:.9rem}}@media(max-width:767px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem;margin-bottom:30px}.hero-cta{padding:14px 30px;font-size:1rem}.section-title,.intro-headline{font-size:2rem}.awards-carousel-section{padding:60px 0}.carousel-btn{width:45px;height:45px;font-size:18px}.carousel-btn.prev{left:5px}.carousel-btn.next{right:5px}.slide{min-height:auto}.slide-content-wrapper{flex-direction:column;gap:25px;padding:25px 20px;text-align:center}.slide-image{flex:none;order:1}.slide-content{order:2;text-align:center;padding:0}.slide-content h3{font-size:1.5rem;margin-bottom:15px}.slide-content p{font-size:1rem;line-height:1.7}.carousel-dots{margin-top:30px}.stat-card{padding:35px 25px;min-width:250px}.stat-number{font-size:2.5rem}.intro-article-content{flex-direction:column;gap:40px}.intro-article-image{order:-1;max-width:100%}.intro-article-text{max-width:100%}.school-levels-grid{gap:20px}.school-level-card{aspect-ratio:1/1.6}}@media(min-width:768px)and (max-width:1023px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.intro-headline{font-size:2.3rem}.section-title{font-size:2.2rem}.intro-article-content{gap:40px}.intro-article-image{flex:0 0 40%}}@media(min-width:1200px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1.7rem}.section-title{font-size:2.8rem}.intro-headline{font-size:3rem}}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;text-align:center;color:#8b9bb4;font-size:.875rem;margin-top:0;display:flex;flex-direction:column;align-items:center;gap:15px}.footer-bottom p{margin:0;order:1}.footer-bottom .admin-logout-btn,.footer-bottom .admin-login-btn{order:2;margin-top:10px}.admin-logout-btn{padding:10px 24px;background:#dc3545e6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.admin-logout-btn:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.admin-login-btn{padding:10px 24px;background:#1a5490e6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.admin-login-btn:hover{background:#1a5490;transform:translateY(-2px);box-shadow:0 4px 12px #1a549066}.page-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:88px 0 60px;text-align:center;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#007bffeb,#0056b3eb);z-index:0}.page-header:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%;z-index:1}.page-header .container{position:relative;z-index:2}.header-content{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.header-icon{font-size:3.5rem;opacity:.9;animation:fadeInUp .8s ease-out}.header-text{flex:1;min-width:300px}.page-header h1{font-size:2.4rem;margin-bottom:16px;color:#fff;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-title-divider{width:100px;height:3px;background-color:#fff9;margin:0 auto 20px;border-radius:2px}.page-subtitle{font-size:1.1rem;color:#fffffff2;margin-top:0;font-weight:400;line-height:1.6}.admissions-header{background:linear-gradient(135deg,#007bff,#0056b3)}.goals-header{background:linear-gradient(135deg,#6c757d,#495057)}.goals-header:before{background:linear-gradient(135deg,#6c757deb,#495057eb)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.page-title-animate{animation:fadeInUp .8s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out .2s both}.fade-in-up-delay-1{animation:fadeInUp .8s ease-out .4s both}.fade-in-up-delay-2{animation:fadeInUp .8s ease-out .6s both}.section-title-animate{animation:fadeInUp .6s ease-out both}.fade-in{opacity:0;transition:opacity .4s ease-out}.fade-in.show{opacity:1}body.sticky-navbar-page .header{position:sticky!important;top:0!important;opacity:1!important;transform:translateY(0)!important;background:#ffffffd9!important}body.sticky-navbar-page .header.visible,body.sticky-navbar-page .header.hidden{opacity:1!important;transform:translateY(0)!important}.goals-intro-section{padding:88px 0 40px;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.goals-intro-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.goals-intro-section .container{position:relative;z-index:1}.goals-intro-text{font-size:1.1rem;line-height:1.9;color:#495057;max-width:850px;margin:0 auto;text-align:center;padding:20px 0}.goals-content-section,.values-content-section{padding:50px 0;background-color:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.goals-content-section:before,.values-content-section:before{content:"";position:absolute;inset:0;background-color:#f8f9fa8c;z-index:0}.goals-content-section .container,.values-content-section .container{position:relative;z-index:1;max-width:900px}.goals-content-section h2,.values-content-section h2{font-size:2.2rem;color:#007bff;margin-bottom:25px;font-weight:800;text-align:center}.vision-mission-section h3{font-size:1.6rem;font-weight:700;color:#007bff;margin-bottom:20px}.section-intro{color:#6c757d;margin-bottom:28px;font-size:1rem;line-height:1.7}.goals-list{list-style:decimal;margin:0;background-color:#fff;padding:32px 28px 32px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.goals-list li{margin-bottom:18px;line-height:1.85;color:#495057;padding:10px 0;font-size:1rem;transition:color .2s ease}.goals-list li:hover{color:#007bff}.values-list-clean{list-style:none;margin:0;background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.values-list-clean li{margin-bottom:24px;line-height:1.85;color:#495057;padding:20px 0;border-bottom:1px solid #f0f0f0;font-size:1rem;transition:padding-right .2s ease}.values-list-clean li:hover{padding-right:8px}.values-list-clean li:last-child{border-bottom:none;margin-bottom:0}.values-list-clean strong{color:#007bff;font-weight:600;display:block;margin-bottom:8px;font-size:1.05rem}.vision-mission-section{padding:60px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.vision-mission-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.vision-mission-section .container,.goals-vision-mission-section .container{position:relative;z-index:1;max-width:900px}.vision-mission-content{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}.vm-item{flex:1;min-width:300px;background:#f9f9f9;padding:20px;border-radius:6px;box-shadow:0 2px 5px #0000000d;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.vm-item.visible{opacity:1;transform:translateY(0)}.vm-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a}.vm-item h3{color:#007bff;margin-bottom:16px;font-size:1.4rem;font-weight:700;padding-bottom:12px;border-bottom:2px solid #f0f8ff}.vm-item p{color:#495057;line-height:1.85;margin:0;font-size:1rem}.page-sidebar{width:250px;background-color:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:20px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);float:right;margin-left:30px}.sidebar-toggle{display:none;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 0;border-bottom:1px solid #e9ecef;margin-bottom:15px}.hamburger-icon{font-size:1.5rem;color:#007bff}.sidebar-title{font-weight:600;color:#333}.sidebar-link{display:block;padding:10px 12px;color:#555;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.95rem;border-right:3px solid transparent}.sidebar-link:hover,.sidebar-link.active{background-color:#f0f8ff;color:#007bff;border-right-color:#007bff;transform:translate(-3px)}.accordion-section{background-color:transparent;border:1px solid rgba(0,0,0,.08);border-radius:8px;margin-bottom:20px;overflow:hidden}.section-accordion-header{width:100%;background-color:#fff9;border:none;padding:20px;text-align:right;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;font-weight:600}.section-accordion-header:hover{background-color:#007bff0d}.section-accordion-header .section-title{margin:0;font-size:1.75rem;color:#007bff}.section-accordion-header .accordion-icon{font-size:1.5rem;color:#007bff;transition:transform .3s ease}.accordion-section.active .section-accordion-header .accordion-icon{transform:rotate(180deg)}.section-accordion-content{max-height:0;overflow:hidden;transition:max-height .5s ease;background-color:transparent}.curriculums-section,.parents-council-section{padding:50px 0;background-color:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.curriculums-section:before,.parents-council-section:before{content:"";position:absolute;inset:0;background-color:#f8f9fa8c;z-index:0}.curriculums-section .container,.parents-council-section .container{position:relative;z-index:1;max-width:1000px}.curriculum-content{display:flex;gap:40px;align-items:center;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.curriculum-image img{max-width:150px;width:100%;height:auto;border-radius:8px}.curriculum-text p{font-size:1.1rem;line-height:1.7;color:#495057;margin:0}.parents-council-content{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.parents-council-content p{font-size:1rem;line-height:1.7;color:#495057;margin-bottom:20px}.parents-council-content p:last-child{margin-bottom:0}.vision-section{padding:60px 0;background-color:#f8f9fa}.vision-content{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;text-align:center}.vision-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.vision-text h2{font-size:1.75rem;color:#007bff;margin-bottom:16px;font-weight:600}.vision-text p{font-size:1rem;color:#495057;max-width:600px;line-height:1.7}.page-header{background-color:#007bff;color:#fff;padding:50px 0;text-align:center;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;position:relative}.page-header:before{content:"";position:absolute;inset:0;background-color:#007bffd9;z-index:0}.page-header .container{position:relative;z-index:1}.page-header h1{color:#fff;margin-bottom:12px;font-size:2rem}.page-header p{color:#ffffffe6;font-size:1rem;margin-bottom:0}.vision-section{padding:50px 0;background-color:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.vision-section:before{content:"";position:absolute;inset:0;background-color:#f8f9fad9;z-index:0}.vision-section .container{position:relative;z-index:1}.values-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}.value-item{background-color:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 4px #00000014;border:1px solid #e9ecef;transition:box-shadow .2s ease}.value-item:hover{box-shadow:0 4px 8px #0000001f}.value-item h3{color:#007bff;margin-bottom:12px;font-size:1.1rem;font-weight:600}.value-item p{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}.objectives-section{padding:60px 0;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.objectives-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.objectives-section .container{position:relative;z-index:1}.objectives-list{margin-top:24px;padding-right:20px;max-width:850px}.objectives-list li{margin-bottom:14px;line-height:1.8;color:#495057;padding:12px 0;border-bottom:1px solid #e9ecef;font-size:1rem}.objectives-list li:last-child{border-bottom:none}.objectives-list li::marker{color:#007bff;font-weight:700;font-size:1.1rem}.btn{display:inline-block;padding:12px 24px;text-decoration:none;border-radius:4px;font-weight:700;text-align:center;transition:all .3s ease;font-size:1rem;border:none;cursor:pointer}.btn:focus{outline:2px solid #007bff;outline-offset:2px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:#007bff;border:2px solid #007bff}.btn-secondary:hover{background-color:#007bff;color:#fff}html{scroll-behavior:smooth}@media(min-width:768px){body{font-size:17px}.container{padding:0 24px}.intro-article-content{flex-direction:row;gap:60px;align-items:flex-start}.intro-article-image{flex-shrink:0}.about-content{flex-direction:row}.news-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid,.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section h3{font-size:1.35rem}.social-icon{width:48px;height:48px;padding:10px}.award-logo{height:80px;max-width:160px}.nav-list,.nav{gap:12px}.nav-list a{display:flex;align-items:center;gap:6px;padding:10px 14px;font-weight:600;transition:all .2s ease;background-color:transparent;border:none;font-size:.95rem;border-radius:8px;white-space:nowrap;position:relative;height:44px;line-height:1}.apply-btn{min-width:110px;font-size:.9rem;padding:8px 16px}h1{font-size:2.2rem}h2{font-size:1.9rem}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.8rem}.registration-section .container{flex-direction:row}.registration-sidebar{position:sticky;top:90px}.page-header{padding:50px 0}.page-header h1{font-size:2rem}.header-icon{font-size:3rem}body:before,body:after{width:150px;height:150px}}@media(min-width:1024px){body{font-size:18px}.container{padding:0 32px;max-width:1200px}.hero-section{padding:128px 0}.programs-section,.news-section,.about-section,.gallery-section{padding:60px 0}.nav-list{gap:16px}.nav-list a{min-width:auto;font-size:.95rem;padding:10px 18px}.apply-btn{min-width:120px;font-size:.95rem;padding:10px 20px}.school-levels-grid{grid-template-columns:repeat(4,1fr)}.news-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.vision-mission-content{flex-direction:row}.vm-item{flex:1}body:before,body:after{width:200px;height:200px}}@media(max-width:1250px){.search-input-wrapper{width:150px}.search-container:focus-within .search-input-wrapper{width:200px}.nav-list a{padding:8px 6px;font-size:.85rem}.apply-btn{padding:8px 10px;font-size:.85rem;margin-right:5px}}.page-layout{display:flex;flex-direction:row;gap:30px;padding:40px 0;align-items:flex-start}.goals-values-page .page-layout{padding-top:80px}.page-sidebar{width:250px;flex-shrink:0;position:static}.sidebar-nav{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:15px;border:1px solid #eee}.sidebar-link{display:block;padding:12px 15px;color:#555;text-decoration:none;border-right:3px solid transparent;transition:all .3s ease;font-weight:500}.sidebar-link:hover,.sidebar-link.active{color:#1a4f7a;background:#f8f9fa;border-right-color:#1a4f7a}.sidebar-toggle{display:none}.content-section{margin-bottom:40px;scroll-margin-top:100px}.main-accordion-item{margin-bottom:20px;background:transparent}.main-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0;background:transparent;border:none;border-bottom:2px solid #eee;cursor:pointer;text-align:right;color:#1a4f7a;transition:color .3s}.main-accordion-header:hover{color:#d4af37}.main-accordion-header h2{margin:0;font-size:1.5rem}.main-accordion-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease;opacity:0;background:transparent}.main-accordion-content.expanded{opacity:1}.main-accordion-header.active .accordion-icon{transform:rotate(180deg)}.curriculum-article{display:flex;gap:30px;align-items:center;background:transparent;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.curriculum-article.visible{opacity:1;transform:translateY(0)}.curriculum-img{flex:0 0 300px}.curriculum-img img{width:100%;height:auto;border-radius:10px;box-shadow:0 5px 15px #0000001a}.curriculum-text{flex:1;line-height:1.8;color:#444}@media(max-width:768px){body{font-size:15px}.container{padding:0 16px}.mobile-menu-toggle{display:flex!important;z-index:2001}.mobile-menu-close{display:block}.nav{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:80vw;background:#fff;transform:translate(100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000;padding:80px 18px 40px;box-shadow:-4px 0 20px #00000026;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;min-height:100vh;pointer-events:auto;touch-action:pan-y}.nav.open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.nav-list{flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:0;width:100%}.nav-list li{width:100%;margin-bottom:4px;display:block;align-items:stretch;height:auto}.nav-list>li>a,.nav-list>li>button.nav-link,.nav>li>button.nav-link{display:flex!important;width:100%!important;text-align:right!important;padding:12px 14px!important;font-size:.95rem!important;border-radius:12px!important;transition:all .2s ease!important;height:auto!important;justify-content:flex-start!important;align-items:center!important;cursor:pointer!important;color:#333!important;text-decoration:none!important;font-weight:600!important;border:none!important;background:none!important;font-family:inherit!important;white-space:nowrap!important;line-height:1.3!important;gap:8px!important}.nav-list>li>a:hover,.nav-list>li>button.nav-link:hover,.nav>li>button.nav-link:hover{background-color:#0056b314!important;transform:none!important;color:#0056b3!important}.nav>li>button.nav-link.apply-toggle-mobile{background:linear-gradient(135deg,#06c,#0056b3)!important;color:#fff!important;box-shadow:0 2px 8px #0056b333!important}.nav>li>button.nav-link.apply-toggle-mobile:hover{background:linear-gradient(135deg,#0056b3,#004494)!important;transform:none!important;box-shadow:0 4px 12px #0056b34d!important}.nav>li{list-style:none;width:100%;display:block;text-align:right;margin-bottom:4px}.nav-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) contrast(1);flex-shrink:0}.nav-list a:before{display:none}.dropdown-menu{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;border:none;background:#0056b30a;margin:8px 0 0;max-height:0;overflow:hidden;padding:0;min-width:100%;transition:max-height .3s ease,padding .3s ease}.dropdown.open .dropdown-menu{max-height:500px;padding:8px 12px}.dropdown-menu a{padding:12px 16px;font-size:.95rem;border-radius:8px;border-bottom:none;display:block;width:100%;box-sizing:border-box;color:#555;text-decoration:none;pointer-events:auto;cursor:pointer}.dropdown-menu a:hover{padding-right:20px;background-color:#0056b31f;color:#0056b3}.apply-dropdown{display:none}.apply-btn{width:100%;max-width:none;margin:0;height:52px;font-size:1.05rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Cairo,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.3px}.apply-btn:hover{text-decoration:none}.apply-dropdown-menu{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;border:none;background:#0056b30a;margin:12px 0 0;max-height:0;overflow:hidden;padding:0;min-width:100%;transition:max-height .3s ease,padding .3s ease;border-radius:12px}.apply-dropdown.open .apply-dropdown-menu{max-height:500px;padding:8px 12px}.apply-dropdown-menu a{padding:14px 20px;font-size:1rem;border-radius:8px;border-bottom:none;display:block;width:100%;box-sizing:border-box;pointer-events:auto;cursor:pointer}.apply-dropdown-menu a:hover{padding-right:24px;background-color:#0056b31f}.header{flex-direction:row;align-items:center;padding:10px 16px;height:64px;position:fixed!important;z-index:999}.header.visible,.header.hidden{transform:none!important;opacity:1!important}.logo{flex:1;text-align:right}.logo img{max-height:44px}.desktop-search{display:none}.mobile-search{display:block;width:100%;margin-bottom:20px;padding:0 10px}.mobile-search .search-container{width:100%;margin:0}.mobile-search .search-input-wrapper{width:100%}.mobile-search .search-input{font-size:16px}.nav-section{order:2}.mobile-menu-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.mobile-menu-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:769px)and (max-width:1024px){.header{padding:10px 16px;height:68px}.logo img{max-height:48px}.search-input-wrapper{width:180px}.search-container:focus-within .search-input-wrapper{width:220px}.nav-list a{padding:8px 12px;font-size:.9rem}.nav-icon{width:18px;height:18px}.apply-btn{padding:10px 18px;font-size:.9rem;min-width:100px}.dropdown-menu,.apply-dropdown-menu{min-width:200px}.apply-dropdown-menu{max-width:220px}}@media(min-width:1400px){.header{padding:14px 40px;height:80px}.logo img{max-height:55px}.search-input-wrapper{width:240px}.search-container:focus-within .search-input-wrapper{width:300px}.nav-list{gap:12px}.nav-list a{padding:12px 18px;font-size:1rem}.nav-icon{width:24px;height:24px}.apply-btn{padding:14px 28px;font-size:1rem;min-width:140px}.dropdown-menu,.apply-dropdown-menu{min-width:240px}.dropdown-menu a,.apply-dropdown-menu a{padding:14px 24px;font-size:1rem}}@media(max-width:992px){.page-layout{flex-direction:column}.page-sidebar{width:100%}.sidebar-toggle{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;margin-bottom:10px}.sidebar-nav{display:none}.sidebar-nav.show{display:block}.curriculum-article{flex-direction:column}.curriculum-img{flex:0 0 auto;width:100%;max-width:400px}}.page-sidebar{position:static;width:100%;margin-bottom:30px;padding:15px;float:none;margin-left:0}.sidebar-toggle{display:flex}.sidebar-nav{display:none}.sidebar-nav.show{display:block}.curriculum-content{flex-direction:column;text-align:center;gap:20px}.curriculum-image img{max-width:120px}.section-accordion-header{padding:15px}.section-accordion-header .section-title{font-size:1.5rem}.registration-section .container{flex-direction:column}.registration-sidebar{position:relative;top:0;width:100%;margin-bottom:20px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.programs-content{gap:20px}.stats-grid{gap:12px}.stat-card{flex:1 1 150px;padding:16px 12px}.school-levels-grid{grid-template-columns:1fr;gap:20px}.card-button{display:block;opacity:1;position:static;margin-top:10px}body:before,body:after{width:100px;height:100px;opacity:.05}.page-header{padding:40px 0}.page-header h1{font-size:1.8rem}.header-icon{font-size:2.5rem}.header-content{flex-direction:column;gap:16px}.page-title-divider{width:70px;height:2px}.page-subtitle{font-size:.95rem}.registration-sidebar{position:relative;top:0;width:100%;max-height:none;margin-bottom:20px}.branch-selector{flex-direction:column}.branch-btn{width:100%}.fees-table{min-width:100%;font-size:.85rem}.fees-table th,.fees-table td{padding:10px 12px}.fees-table-wrapper{border-radius:6px}.branch-selector{gap:8px}.branch-btn{min-width:100px;padding:10px 16px;font-size:.9rem}.goals-list,.values-list-clean{padding:20px 16px}.vm-item{padding:24px 20px}.intro-article-section{padding:40px 0}.intro-headline{font-size:2rem}.intro-paragraphs p{font-size:1rem;margin-bottom:16px}.search-input-wrapper,.search-results{max-width:none}.search-input{font-size:14px;padding:10px 14px}.search-icon{left:10px}}.registration-section{padding:88px 0 80px;background-color:#fff;font-family:Cairo,Arial,sans-serif;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.registration-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.registration-section .container{position:relative;z-index:1;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.registration-sidebar{position:sticky;top:100px;width:260px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 4px 16px #00000014;flex-shrink:0;max-height:calc(100vh - 130px);overflow-y:auto;z-index:10;transition:box-shadow .3s ease;animation:slideInRight .6s ease-out}.registration-sidebar:hover{box-shadow:0 8px 24px #0000001f}.registration-sidebar h3{font-size:1.15rem;color:#212529;margin-bottom:20px;padding-bottom:16px;border-bottom:3px solid #007bff;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#007bff,#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registration-sidebar ul{list-style:none;padding:0;margin:0}.registration-sidebar li{margin-bottom:8px}.registration-sidebar a{display:block;padding:12px 14px;color:#555;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;border-right:3px solid transparent;position:relative}.registration-sidebar a:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#007bff,#0056b3);border-radius:2px;transition:height .3s ease}.registration-sidebar a:hover{background:linear-gradient(90deg,#f0f8ff,#f8f9fa);color:#007bff;transform:translate(-4px)}.registration-sidebar a:hover:before{height:70%}.registration-sidebar a.active{background:linear-gradient(90deg,#e7f3ff,#f0f8ff);color:#007bff;font-weight:600;transform:translate(-2px)}.registration-sidebar a.active:before{height:80%}.registration-content{flex:1;min-width:0;background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px #0000000f;animation:fadeInUp .6s ease-out .2s both}.branch-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:24px 0}.branch-btn{flex:1;min-width:150px;padding:14px 24px;background-color:#fff;border:2px solid #e9ecef;border-radius:10px;color:#495057;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d}.branch-btn:hover{background:linear-gradient(135deg,#f0f8ff,#fff);border-color:#007bff;color:#007bff;transform:translateY(-3px);box-shadow:0 6px 16px #007bff33}.branch-btn:active{transform:translateY(-1px)}.branch-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff;box-shadow:0 8px 20px #007bff59;transform:translateY(-2px)}.branch-btn.active:after{content:"✓";position:absolute;top:8px;left:8px;font-size:.8rem;font-weight:700}.branch-btn.active:hover{box-shadow:0 10px 25px #007bff66}.fees-intro{margin-bottom:20px;color:#495057;font-size:1rem;font-weight:600}.fees-table-container{margin-top:24px;display:block;animation:fadeInUp .4s ease-out}.fees-table-wrapper{overflow-x:auto;margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.fees-table{width:100%;border-collapse:collapse;background-color:#fff;min-width:400px}.fees-table thead{background-color:#007bff;color:#fff}.fees-table th{padding:16px 20px;text-align:right;font-weight:600;font-size:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.fees-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.fees-table tbody tr:hover{background:linear-gradient(90deg,#f0f8ff,#fff);transform:scale(1.01);box-shadow:0 2px 8px #007bff14}.fees-table tbody tr:last-child{border-bottom:none}.fees-table tbody tr:hover td{color:#007bff}.fees-table td{padding:14px 20px;text-align:right;color:#495057;font-size:.95rem}.fees-table td:first-child{font-weight:500;color:#333}.fees-table td:last-child{color:#007bff;font-weight:600}.fees-notes{background-color:#f8f9fa;padding:20px;border-radius:6px;border-right:3px solid #007bff}.fees-notes p{margin-bottom:12px;font-weight:600;color:#333}.fees-notes ul{margin:0;padding-right:20px;list-style:disc}.fees-notes li{margin-bottom:8px;color:#6c757d;font-size:.9rem;line-height:1.6}.accordion{max-width:100%;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.accordion{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.accordion{grid-template-columns:1fr}}.accordion-item{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.accordion-item:hover{box-shadow:0 4px 16px #0000001a;border-color:#007bff;transform:translateY(-2px)}.accordion-item.active{box-shadow:0 6px 20px #007bff26;border-color:#007bff}.accordion-item:nth-child(2n){background:linear-gradient(135deg,#fafafa,#f5f5f5)}.accordion-header{width:100%;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#fff);border:none;text-align:right;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;color:#212529;font-family:Cairo,Arial,Helvetica,sans-serif}.accordion-header:hover{background:linear-gradient(135deg,#e9ecef,#f8f9fa);color:#007bff}.accordion-header:hover .accordion-icon{transform:scale(1.1)}.accordion-item.active .accordion-header{background:linear-gradient(135deg,#e7f3ff,#f0f8ff);color:#007bff;box-shadow:0 2px 8px #007bff1a}.accordion-header:hover{background-color:#e8f4fd;transform:translateY(-1px)}.accordion-header:hover .accordion-icon{transform:scale(1.2) rotate(180deg)}.accordion-item.active .accordion-header{background-color:#e8f4fd;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 2px 4px #0000000d}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-title{font-size:1.15rem;font-weight:700;color:#212529;transition:color .3s ease}.accordion-header:hover .accordion-title{color:#007bff}.accordion-icon{font-size:.9rem;color:#007bff;transition:transform .3s cubic-bezier(.4,0,.2,1);font-weight:700;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#007bff1a}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background-color:#f8f9fa}.accordion-item.active .accordion-content{background:linear-gradient(180deg,#f8f9fa,#fff)}.accordion-body{padding:24px;color:#495057;line-height:1.8;font-size:1rem}.accordion-body ul{list-style-type:none;padding-right:0;margin:16px 0}.accordion-body li{margin-bottom:14px;padding-right:24px;position:relative;line-height:1.8}.accordion-body li:before{content:"•";position:absolute;right:0;color:#007bff;font-weight:700;font-size:1.2rem;line-height:1.6}.highlight-red{color:#d9534f;font-weight:700}.highlight-bold{font-weight:700;color:#0056b3}.highlight-box{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:2px solid #ff6b6b;border-radius:10px;padding:20px 24px;margin-top:20px;position:relative}.highlight-box p.highlight-red{color:#c0392b;font-weight:700;font-size:1.05rem;margin-bottom:16px}.highlight-box ul{list-style:none;padding-right:0;margin:0}.highlight-box li{margin-bottom:14px;padding-right:24px;position:relative;line-height:1.8}.highlight-box li:before{content:"→";position:absolute;right:0;color:#ff6b6b;font-weight:700;font-size:1.1rem}.note-text{font-size:.95rem;color:#6c757d;margin-top:16px}.branches-page{width:100%;overflow-x:hidden}.branches-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0056b3,#002a5c);background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding:120px 0 80px;overflow:hidden}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.05) 2px,transparent 2px);background-size:60px 60px,100px 100px,80px 80px;opacity:.6;z-index:1}.branches-hero .container{position:relative;z-index:2;max-width:1000px}.hero-content{text-align:center;color:#fff;animation:fadeInUp 1s ease-out}.hero-breadcrumbs{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:30px;font-size:.95rem;font-weight:600}.hero-breadcrumbs a{color:#fffc;text-decoration:none;transition:color .3s ease}.hero-breadcrumbs a:hover{color:#fff}.hero-breadcrumbs .separator{color:#ffffff80}.hero-breadcrumbs .current{color:#fff;font-weight:700}.hero-title{font-size:3.5rem;font-weight:900;margin-bottom:24px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-1px}.hero-description{font-size:1.3rem;margin-bottom:50px;line-height:1.8;color:#fffffff2;max-width:800px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:50px;padding:30px 50px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.stat-label{font-size:.95rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:60px;background:#ffffff4d}.branches-info-section{padding:80px 0;background:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.branches-info-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff,#f8f9fa);z-index:0}.branches-info-section .container{position:relative;z-index:1;max-width:900px}.info-content{text-align:center;padding:40px;background:linear-gradient(135deg,#0056b308,#002a5c08);border-radius:20px;border:2px solid rgba(0,86,179,.1)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;margin-bottom:24px;color:#fff;box-shadow:0 8px 24px #0056b340}.info-title{font-size:2.2rem;font-weight:800;color:#212529;margin-bottom:20px}.info-description{font-size:1.15rem;line-height:1.8;color:#6c757d;max-width:700px;margin:0 auto}.branches-list-section{padding:100px 0;background:#f8f9fa;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.branches-list-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);z-index:0}.branches-list-section .container{position:relative;z-index:1;max-width:1000px}.branches-list{display:flex;flex-direction:column;gap:20px}.branch-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .8s ease-out forwards}.branch-item:hover{box-shadow:0 8px 30px #0056b31f;transform:translateY(-3px)}.branch-item.active{box-shadow:0 12px 40px #0056b32e}.branch-header{display:flex;align-items:center;gap:20px;padding:30px;background:#fff;border:none;width:100%;cursor:pointer;text-align:right;transition:all .3s ease}.branch-header:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.branch-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:16px;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #0056b340}.branch-info{flex:1;display:flex;flex-direction:column;gap:8px}.branch-name{font-size:1.6rem;font-weight:800;color:#212529;margin:0}.branch-details{display:flex;align-items:center;gap:24px}.branch-phone{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:#6c757d;font-weight:600}.branch-phone svg{flex-shrink:0}.branch-toggle-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f8f9fa;border-radius:50%;color:#007bff;transition:all .3s ease;flex-shrink:0}.branch-item.active .branch-toggle-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;transform:rotate(180deg)}.branch-expanded-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.branch-item.active .branch-expanded-content{max-height:600px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.content-text{display:flex;flex-direction:column;gap:20px}.branch-address{display:flex;align-items:center;gap:12px;font-size:1.05rem;color:#495057;font-weight:600;padding:16px;background:#fff;border-radius:12px;border:2px solid rgba(0,86,179,.1)}.branch-address svg{flex-shrink:0;color:#007bff}.branch-description{font-size:1.1rem;line-height:1.8;color:#6c757d;margin:0}.maps-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #0056b34d;align-self:flex-start}.maps-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0056b366;background:linear-gradient(135deg,#0056b3,#004085)}.maps-link svg{flex-shrink:0}.content-map{border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.content-map iframe{width:100%;height:100%;min-height:350px;border:none}.branches-cta-section{padding:100px 0;background:linear-gradient(135deg,#007bff,#0056b3);background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.branches-cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#007bfff2,#0056b3f2);z-index:0}.branches-cta-section .container{position:relative;z-index:1;max-width:800px}.cta-content{text-align:center;padding:60px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(255,255,255,.2)}.cta-title{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.cta-description{font-size:1.2rem;line-height:1.8;color:#fffffff2;margin-bottom:40px}.btn-large{padding:18px 42px;font-size:1.15rem;border-radius:12px;background:#fff;color:#007bff;border:none}.btn-large:hover{background:#f8f9fa;color:#0056b3;transform:translateY(-3px);box-shadow:0 8px 24px #0003}@media(max-width:1024px){.hero-title{font-size:2.8rem}.hero-description{font-size:1.15rem}.hero-stats{gap:30px;padding:25px 35px}.stat-number{font-size:2rem}.content-grid{grid-template-columns:1fr}.content-map{order:-1}}@media(max-width:768px){.branches-hero{padding:100px 0 60px;min-height:75vh}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.hero-stats{flex-direction:column;gap:25px;padding:25px}.stat-divider{display:none}.stat-number{font-size:2.5rem}.info-content{padding:25px}.info-title{font-size:1.8rem}.info-description{font-size:1rem}.branches-list-section{padding:60px 0}.branch-header{padding:20px;gap:15px}.branch-icon{width:56px;height:56px}.branch-name{font-size:1.3rem}.branch-details{flex-direction:column;gap:8px}.branch-phone{font-size:.95rem}.branch-toggle-icon{width:40px;height:40px}.content-grid{padding:20px;gap:20px}.content-map iframe{min-height:250px}.cta-content{padding:40px 25px}.cta-title{font-size:1.8rem}.cta-description{font-size:1rem}.btn-large{padding:14px 32px;font-size:1rem}}@media(max-width:480px){.hero-breadcrumbs{font-size:.85rem}.hero-stats{padding:20px}.stat-number{font-size:2rem}.branch-header{flex-direction:column;text-align:center}.branch-details{flex-direction:column;align-items:center}.branch-toggle-icon{position:absolute;top:20px;left:20px}}@media(max-width:767px){.branches-grid{grid-template-columns:1fr;gap:20px}.branch-accordion{margin:0 10px}.branch-header{padding:15px;flex-direction:column;gap:10px;text-align:center}.branch-header h3{font-size:1.2rem}.branch-contact{flex-direction:column;gap:8px}.branch-map{height:250px;margin:15px}.branch-content{max-height:500px}.branch-info{padding:15px}}.careers-hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#0056b3);background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;text-align:center;color:#fff;padding:60px 20px;overflow:hidden}.careers-hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#007bffeb,#0056b3eb);z-index:0}.careers-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.careers-hero-text h1{font-size:2.5rem;margin-bottom:16px;font-weight:700;line-height:1.2}.careers-hero-subtitle{font-size:1.2rem;margin-bottom:32px;opacity:.95}.careers-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.careers-btn-primary,.careers-btn-secondary{padding:12px 32px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.careers-btn-primary{background-color:#fff;color:#007bff;box-shadow:0 4px 12px #0003}.careers-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.careers-btn-secondary{background-color:transparent;color:#fff;border:2px solid #fff}.careers-btn-secondary:hover{background-color:#fff;color:#007bff}.careers-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.careers-scroll-arrow{width:30px;height:30px;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.careers-section{padding:88px 0 60px;background-color:#fff;background-image:url(/school-web/images/body/wallapper.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.careers-section:before{content:"";position:absolute;inset:0;background-color:#fff9;z-index:0}.careers-section .container{position:relative;z-index:1}.careers-section-light{background-color:#f8f9fa}.careers-section-light:before{background-color:#f8f9fa8c}.careers-section-header{text-align:center;margin-bottom:48px}.careers-section-title{font-size:2.2rem;color:#007bff;margin-bottom:12px;font-weight:700}.careers-section-subtitle{font-size:1.1rem;color:#6c757d;margin:0}.careers-counter{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px}.careers-counter-number{font-size:2.5rem;font-weight:700;color:#007bff}.careers-counter-text{font-size:1.2rem;color:#6c757d}.careers-filter-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.careers-filter-btn{padding:10px 24px;border:2px solid #e9ecef;border-radius:25px;background-color:#fff;color:#6c757d;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.careers-filter-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-2px)}.careers-filter-btn.active{background-color:#007bff;border-color:#007bff;color:#fff;box-shadow:0 4px 12px #007bff4d}.careers-jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.careers-job-card{background-color:#fff;border-radius:12px;padding:28px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;opacity:0;transform:translateY(30px)}.careers-job-card.animate{opacity:1;transform:translateY(0)}.careers-job-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f;border-color:#007bff}.careers-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.careers-job-title{font-size:1.3rem;color:#333;margin:0;font-weight:700;flex:1}.careers-job-type{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.careers-job-type.full-time{background-color:#e3f2fd;color:#1976d2}.careers-job-type.part-time{background-color:#fff3e0;color:#f57c00}.careers-job-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.careers-job-detail{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.95rem}.careers-job-icon{font-size:1.1rem}.careers-apply-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.careers-apply-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.careers-no-jobs{text-align:center;padding:60px 20px;color:#6c757d;font-size:1.1rem;grid-column:1 / -1}.careers-form-container{max-width:700px;margin:0 auto}.careers-form{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #00000014}.careers-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.careers-form-group{margin-bottom:24px}.careers-form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.95rem}.careers-form-group input,.careers-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.careers-form-group input:focus,.careers-form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.careers-file-dropzone{border:2px dashed #e9ecef;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.careers-file-dropzone:hover,.careers-file-dropzone.dragging{border-color:#007bff;background-color:#f0f8ff}.careers-file-dropzone.has-file{border-color:#28a745;background-color:#f0fff4}.careers-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.careers-file-label{display:flex;flex-direction:column;align-items:center;gap:12px}.careers-file-icon{font-size:3rem;opacity:.5}.careers-file-name{color:#007bff;font-weight:600;font-size:1.1rem}.careers-file-browse{color:#007bff;font-weight:600;text-decoration:underline}.careers-submit-btn{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.careers-submit-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.careers-success-message{margin-top:20px;padding:16px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;align-items:center;gap:12px;animation:fadeIn .5s ease}.careers-success-icon{font-size:1.5rem;font-weight:700}.careers-track-container{max-width:700px;margin:0 auto}.careers-track-form{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:40px}.careers-track-btn{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.careers-track-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.careers-status-result{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #00000014}.careers-status-card{text-align:center}.careers-status-icon{font-size:4rem;margin-bottom:20px}.careers-status-card h3{font-size:1.8rem;color:#333;margin-bottom:16px;font-weight:700}.careers-status-text{font-size:1.4rem;font-weight:600;color:#007bff;margin-bottom:30px}.careers-status-text.accepted{color:#28a745}.careers-status-text.rejected{color:#dc3545}.careers-status-timeline{display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;padding:0 20px;position:relative}.careers-status-timeline:before{content:"";position:absolute;top:12px;left:40px;right:40px;height:2px;background-color:#e9ecef}.careers-timeline-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.careers-timeline-dot{width:26px;height:26px;border-radius:50%;background-color:#e9ecef;border:3px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.careers-timeline-dot.active{background-color:#007bff;box-shadow:0 2px 8px #007bff4d}.careers-timeline-item span{font-size:.85rem;color:#6c757d;font-weight:500}@media(max-width:767px){.careers-hero-section{padding:80px 20px;min-height:auto}.careers-hero-text h1{font-size:2rem}.careers-hero-subtitle{font-size:1rem}.careers-hero-cta{flex-direction:column;align-items:center}.careers-btn-primary,.careers-btn-secondary{width:100%;max-width:280px}.careers-section{padding:50px 0}.careers-section-title{font-size:1.8rem}.careers-jobs-grid{grid-template-columns:1fr;gap:20px}.careers-job-card{padding:20px}.careers-job-header{flex-direction:column;align-items:flex-start}.careers-filter-tabs{gap:8px}.careers-filter-btn{padding:8px 16px;font-size:.85rem}.careers-form{padding:24px}.careers-form-row{grid-template-columns:1fr;gap:0}.careers-form-group{margin-bottom:20px}.careers-track-form,.careers-status-result{padding:24px}.careers-status-timeline{flex-direction:column;align-items:flex-start;gap:20px;padding:0}.careers-status-timeline:before{display:none}.careers-timeline-item{flex-direction:row;justify-content:flex-start;gap:12px}.careers-counter-number{font-size:2rem}.careers-counter-text{font-size:1rem}}@media(max-width:480px){.careers-hero-text h1{font-size:1.6rem}.careers-hero-subtitle{font-size:.95rem}.careers-section-title{font-size:1.5rem}.careers-job-title{font-size:1.1rem}.careers-status-icon{font-size:3rem}.careers-status-card h3{font-size:1.4rem}.careers-status-text{font-size:1.2rem}}.page-layout{display:flex;gap:40px;padding:60px 0;align-items:flex-start}.page-sidebar{width:260px;flex-shrink:0;position:sticky;top:100px}.sidebar-toggle{display:none;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 12px #007bff4d}.hamburger-icon{font-size:1.5rem}.sidebar-title{font-size:1rem}.sidebar-nav{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:20px;border:1px solid #e9ecef}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:8px}.sidebar-link{display:block;padding:14px 18px;color:#495057;text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500;font-size:1rem;border-right:3px solid transparent}.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(135deg,#f0f8ff,#e8f4fd);color:#007bff;border-right-color:#007bff;transform:translate(-4px)}.main-content{flex:1;min-width:0}.content-section{margin-bottom:60px;scroll-margin-top:120px}.section-title{font-size:2.5rem;font-weight:800;color:#212529;margin-bottom:32px;text-align:center;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header-animate{text-align:center;margin-bottom:40px}.values-goals-container{display:grid;grid-template-columns:1fr;gap:30px}.values-main-card,.goals-mission-main-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.values-main-card:hover,.goals-mission-main-card:hover{box-shadow:0 8px 30px #007bff26;border-color:#007bff;transform:translateY(-4px)}.values-card-header,.goals-mission-header{padding:24px 28px;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.values-card-header h2,.goals-mission-header h2{color:#fff;margin:0;font-size:1.6rem;font-weight:700}.expand-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:8px;color:#fff;transition:all .3s ease}.values-main-card:hover .expand-indicator,.goals-mission-main-card:hover .expand-indicator{background:#ffffff4d;transform:rotate(180deg)}.values-intro{padding:20px 28px;background:#fff;border-bottom:1px solid #e9ecef}.values-intro p{color:#495057;font-size:1.05rem;line-height:1.8;margin:0}.values-grid{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:0;background:#f8f9fa;padding:0 28px}.values-grid.expanded{max-height:1500px;opacity:1;padding:24px 28px}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.value-item-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease}.value-item-card:hover{box-shadow:0 6px 20px #007bff26;border-color:#007bff;transform:translateY(-2px)}.value-item-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;transition:all .3s ease}.value-item-card:hover .value-item-header{background:linear-gradient(135deg,#f0f8ff,#e8f4fd)}.value-item-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#212529}.value-indicator{color:#007bff;transition:transform .3s ease}.value-item-card:hover .value-indicator{transform:rotate(180deg)}.value-item-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;padding:0 20px;background:#f8f9fa}.values-grid.expanded .value-item-content{max-height:200px;opacity:1;padding:16px 20px}.value-item-content p{color:#495057;font-size:.95rem;line-height:1.7;margin:0}.goals-mission-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:0;background:#f8f9fa}.goals-mission-content.expanded{max-height:800px;opacity:1;padding:28px}.vision-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vm-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef;transition:all .3s ease;text-align:center}.vm-card:hover{box-shadow:0 8px 24px #007bff26;border-color:#007bff;transform:translateY(-4px)}.vm-icon{width:70px;height:70px;background:linear-gradient(135deg,#f0f8ff,#e8f4fd);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#007bff;transition:all .3s ease}.vm-card:hover .vm-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;transform:scale(1.1)}.vm-card h3{color:#007bff;font-size:1.4rem;font-weight:700;margin-bottom:16px}.vm-card p{color:#495057;font-size:1rem;line-height:1.8;margin:0}.curriculum-article{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;display:flex;gap:32px;align-items:center}.curriculum-img{flex:0 0 200px;text-align:center}.curriculum-img img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.curriculum-text p{color:#495057;font-size:1.05rem;line-height:1.9;margin:0}.parents-council-container{display:flex;justify-content:center}.council-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:48px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;max-width:900px;width:100%;display:flex;gap:40px;align-items:flex-start}.council-icon{flex:0 0 auto;width:120px;height:120px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #007bff4d}.council-content{flex:1}.council-content h3{color:#007bff;font-size:1.8rem;font-weight:700;margin-bottom:16px}.council-content>p{color:#495057;font-size:1.05rem;line-height:1.8;margin-bottom:24px}.council-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.council-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease}.council-feature:hover{background:#f0f8ff;border-color:#007bff;transform:translate(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#28a745,#1e7e34);border-radius:50%;color:#fff;font-weight:700;font-size:.9rem}.council-contact{color:#6c757d;font-size:.95rem;font-style:italic;margin:0;padding-top:16px;border-top:1px solid #e9ecef}@media(max-width:1024px){.values-grid,.vision-mission-grid{grid-template-columns:1fr}.council-card{flex-direction:column;align-items:center;text-align:center;padding:36px}.council-icon{margin-bottom:24px}}@media(max-width:768px){.page-layout{flex-direction:column;gap:30px;padding:40px 0}.page-sidebar{width:100%;position:static}.sidebar-toggle{display:flex}.sidebar-nav{display:none}.sidebar-nav.show{display:block;margin-top:16px}.sidebar-nav ul{display:flex;flex-direction:column;gap:8px}.section-title{font-size:2rem}.values-card-header h2,.goals-mission-header h2{font-size:1.3rem}.curriculum-article{flex-direction:column;padding:28px}.curriculum-img{flex:0 0 auto;width:100%;max-width:300px}}@media(max-width:576px){.content-section{margin-bottom:40px}.values-main-card,.goals-mission-main-card{border-radius:12px}.values-card-header,.goals-mission-header{padding:18px 20px}.values-grid.expanded{padding:16px 20px}.value-item-header{padding:14px 16px}.vm-card{padding:20px}.council-card{padding:28px 20px}.council-icon{width:100px;height:100px}}.admin-status-indicator{position:fixed;bottom:20px;right:20px;z-index:1000;animation:slideInRight .5s ease-out}.admin-status-badge{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1a5490;border-radius:50px;box-shadow:0 4px 20px #1a549066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-status-text{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px}.edit-mode-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff3;border-radius:20px;cursor:pointer;transition:all .3s ease;position:relative;width:auto;min-width:80px;justify-content:space-between}.edit-mode-toggle:hover{background:#ffffff4d}.edit-mode-toggle.active{background:#28a745cc}.toggle-slider{width:36px;height:20px;background:#ccc;border-radius:10px;position:relative;transition:background .3s ease}.edit-mode-toggle.active .toggle-slider{background:#28a745}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;right:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.edit-mode-toggle.active .toggle-slider:before{transform:translate(-16px)}.toggle-label{color:#fff;font-size:.8rem;font-weight:600}.admin-logout-mini{padding:6px 14px;background:#dc3545e6;color:#fff;border:none;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.admin-logout-mini:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.login-success-banner{position:fixed;top:0;left:0;right:0;z-index:2000;animation:slideDown .6s cubic-bezier(.4,0,.2,1)}.login-success-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(90deg,#28a745,#20c997);color:#fff;font-weight:600;box-shadow:0 4px 20px #28a7454d}.login-success-icon{font-size:1.5rem;animation:checkmarkBounce .6s ease-out}.login-success-text{font-size:1rem}.editable-text{display:inline-block;position:relative;cursor:pointer;border-radius:3px;padding:2px 4px;margin:-2px -4px;transition:background-color .15s ease}.editable-text:hover{background:#1a549014;outline:2px dashed #1a5490;outline-offset:0px}.editable-text.editing{background:#1a54901a;outline:2px solid #1a5490;outline-offset:0px;border-radius:6px;padding:6px;margin:0}.editable-text.has-error{outline-color:#dc3545!important}.editable-controls{display:flex;flex-direction:column;gap:6px;margin-top:4px}.editable-input{width:100%;padding:8px 12px;border:2px solid #1a5490;border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff}.editable-input:focus{outline:none;box-shadow:0 0 0 3px #1a549033}.editable-input.error{border-color:#dc3545;background:#fff5f5}.editable-input.error:focus{box-shadow:0 0 0 3px #dc354533}.editable-actions{display:flex;gap:6px;justify-content:flex-end}.editable-history-toggle{align-self:flex-start;padding:6px 10px;border:1px solid #c9d5e5;border-radius:6px;background:#f7f9fc;color:#1a5490;cursor:pointer;font-size:.8rem;font-weight:600}.editable-history-toggle:disabled{opacity:.7;cursor:not-allowed}.editable-history-panel{border:1px solid #d6dfec;border-radius:8px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.editable-history-item{border:1px solid #e5ecf5;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fcfdff}.editable-history-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:#4b5f79}.editable-history-preview{font-size:.82rem;color:#1f2b3d;line-height:1.4;word-break:break-word}.editable-history-restore{align-self:flex-end;border:1px solid #1a5490;color:#1a5490;background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.75rem;font-weight:600}.editable-history-restore:disabled{opacity:.6;cursor:not-allowed}.editable-history-empty{font-size:.8rem;color:#64748b}.editable-action{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s ease}.editable-action.cancel{background:#f8f9fa;color:#dc3545;border:1px solid #dee2e6}.editable-action.cancel:hover{background:#dc3545;color:#fff}.editable-action.save{background:#28a745;color:#fff}.editable-action.save:hover{background:#218838}.editable-action:disabled{opacity:.5;cursor:not-allowed}.error-message{display:block;color:#dc3545;font-size:.75rem;padding:2px 4px}.editable-image-wrapper{display:inline-block;position:relative;transition:all .15s ease}.editable-image-wrapper:hover{outline:2px dashed #1a5490;outline-offset:2px;cursor:pointer;border-radius:8px}.editable-image-wrapper.editing{outline:2px solid #1a5490;outline-offset:2px;border-radius:8px}.editable-image-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#000c;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.editable-image-btn{padding:10px 20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.editable-image-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #007bff66}.editable-image-status{color:#fff;font-weight:600;font-size:.95rem}.editable-image-wrapper .editable-controls{position:absolute;top:-12px;right:-12px;display:flex;gap:8px;z-index:10}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes checkmarkBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.1)}60%{transform:translateY(-5px) scale(1.05)}}@media(max-width:768px){.admin-status-badge{padding:8px 12px;gap:8px;flex-wrap:wrap}.admin-status-text{font-size:.8rem}.edit-mode-toggle{min-width:70px}.toggle-slider{width:32px;height:18px}.toggle-slider:before{width:14px;height:14px}.admin-logout-mini{padding:5px 10px;font-size:.75rem}.login-success-content{padding:12px 20px}.login-success-icon{font-size:1.3rem}.login-success-text{font-size:.9rem}}.login-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:20px}.login-modal{background:#fff;border-radius:16px;padding:32px;min-width:400px;max-width:480px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;position:relative}.login-modal-title{font-size:1.5rem;font-weight:700;color:#1a5490;margin-bottom:24px;text-align:center}.login-form-group{margin-bottom:20px}.login-form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:600;font-size:.95rem}.login-form-group input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:Cairo,Arial,sans-serif;transition:all .2s ease;background:#f8f9fa}.login-form-group input:focus{outline:none;border-color:#1a5490;background:#fff;box-shadow:0 0 0 3px #1a54901a}.login-form-group input:disabled{opacity:.5;cursor:not-allowed}.login-input-error{border-color:#dc3545!important;animation:shake .4s ease}.login-input-error:focus{box-shadow:0 0 0 3px #dc35451a!important}.login-error{background:linear-gradient(135deg,#ffe8e8,#fff5f5);color:#dc3545;padding:12px 16px;border-radius:8px;border-right:4px solid #dc3545;margin-bottom:20px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}.login-error:before{content:"⚠️";font-size:1.2rem}.login-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Cairo,Arial,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px}.login-btn.cancel{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.login-btn.cancel:hover:not(:disabled){background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.login-btn.cancel:active:not(:disabled){transform:translateY(0)}.login-btn.submit{background:linear-gradient(135deg,#1a5490,#0d3a7a);color:#fff;box-shadow:0 4px 12px #1a54904d}.login-btn.submit:hover:not(:disabled){background:linear-gradient(135deg,#0d3a7a,#082652);transform:translateY(-2px);box-shadow:0 6px 20px #1a549066}.login-btn.submit:active:not(:disabled){transform:translateY(0)}.login-btn.submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-btn.submitting{background:linear-gradient(135deg,#1a5490,#0d3a7a);pointer-events:none}.login-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media(max-width:768px){.login-modal{min-width:auto;width:100%;max-width:400px;padding:24px 20px}.login-modal-title{font-size:1.3rem;margin-bottom:20px}.login-form-group{margin-bottom:16px}.login-form-group input{padding:10px 14px;font-size:.95rem}.login-modal-buttons{gap:10px;margin-top:20px}.login-btn{padding:10px 20px;font-size:.95rem;min-height:44px}}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;padding:10px;max-width:400px;width:100%}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;background:#fff;box-shadow:0 8px 30px #00000026;pointer-events:auto;animation:toastSlideIn .4s cubic-bezier(.4,0,.2,1);border-right:4px solid}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}.toast-success{border-color:#28a745;background:linear-gradient(135deg,#fff,#f0fff4)}.toast-error{border-color:#dc3545;background:linear-gradient(135deg,#fff,#fff5f5)}.toast-warning{border-color:#ffc107;background:linear-gradient(135deg,#fff,#fff9e6)}.toast-info{border-color:#17a2b8;background:linear-gradient(135deg,#fff,#e8f8fa)}.toast-icon{font-size:1.3rem;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.toast-success .toast-icon{background:#d4edda;color:#28a745}.toast-error .toast-icon{background:#f8d7da;color:#dc3545}.toast-warning .toast-icon{background:#fff3cd;color:#856404}.toast-info .toast-icon{background:#d1ecf1;color:#17a2b8}.toast-message{flex:1;font-size:.95rem;font-weight:600;color:#333}.toast-close{background:none;border:none;font-size:1.4rem;color:#999;cursor:pointer;padding:0;line-height:1;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#333}@keyframes toastSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.confirmation-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;opacity:0;pointer-events:none;transition:opacity .3s ease}.confirmation-overlay.visible{opacity:1;pointer-events:auto}.confirmation-dialog{background:#fff;border-radius:16px;padding:28px;min-width:380px;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:dialogSlideIn .3s cubic-bezier(.4,0,.2,1);transform:scale(.9);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirmation-dialog.visible{transform:scale(1);opacity:1}.confirmation-dialog.danger{border-top:4px solid #dc3545}.confirmation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.confirmation-icon{font-size:2rem}.confirmation-title{font-size:1.3rem;font-weight:700;color:#212529;margin:0}.confirmation-message{color:#6c757d;font-size:1rem;line-height:1.6;margin-bottom:24px}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-btn{padding:10px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirmation-btn.cancel{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.confirmation-btn.cancel:hover{background:#e9ecef;transform:translateY(-2px)}.confirmation-btn.confirm-btn{background:linear-gradient(135deg,#28a745,#218838);color:#fff;box-shadow:0 4px 12px #28a7454d}.confirmation-btn.confirm-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.confirmation-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.confirmation-btn.danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}@keyframes dialogSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.toast-container{top:70px;padding:8px;max-width:90%}.toast{padding:12px 14px;font-size:.9rem}.confirmation-dialog{min-width:auto;width:90%;max-width:400px;padding:20px}.confirmation-title{font-size:1.15rem}.confirmation-message{font-size:.95rem}.confirmation-buttons{flex-direction:row-reverse}.confirmation-btn{padding:8px 18px;font-size:.9rem}}.draft-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;font-size:.75rem;font-weight:700;border-radius:10px;margin-right:6px;box-shadow:0 2px 6px #ffc1074d;white-space:nowrap}.draft-badge-small{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;font-size:.75rem;font-weight:700;border-radius:8px;margin-right:4px;box-shadow:0 1px 4px #ffc1074d;white-space:nowrap}.published-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:.75rem;font-weight:700;border-radius:8px;margin-right:4px;box-shadow:0 1px 4px #28a7454d;white-space:nowrap}.published-indicator:before{content:"✓";font-size:.75rem}.editable-text-wrapper.has-error{outline-color:#dc3545!important;outline-width:3px!important}.editable-error-text{display:block;color:#dc3545;font-size:.75rem;font-weight:600;padding:4px 8px;margin-top:4px;background:#dc35451a;border-radius:4px;animation:fadeIn .2s ease}.editable-inline-input.input-error{border-color:#dc3545!important;background:#fff5f5!important}.editable-inline-input.input-error:focus{box-shadow:0 0 0 3px #dc354526!important}.editable-btn.publish-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;min-width:40px}.editable-btn.publish-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 4px 12px #28a74566}.unsaved-changes-banner{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;font-weight:600;font-size:.9rem;border-radius:12px;box-shadow:0 4px 20px #ffc10766;z-index:9998;animation:slideUp .3s ease-out}.unsaved-changes-banner button{padding:6px 16px;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.unsaved-changes-banner .save-btn{background:#28a745;color:#fff}.unsaved-changes-banner .discard-btn{background:#0000001a;color:#212529}.content-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:10px}.content-status-badge.draft{background:#ffc10733;color:#856404}.content-status-badge.published{background:#28a74533;color:#155724}.admin-publish-all-btn{padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.admin-publish-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.admin-publish-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-publish-all-btn:before{content:"✓"}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.95}}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.draft-badge{padding:3px 8px;font-size:.7rem}.draft-badge-small{padding:2px 4px;font-size:.7rem}.error-message{font-size:.7rem;padding:2px 4px}.editable-action{width:28px;height:28px;font-size:.85rem}.editable-input{padding:6px 10px;font-size:.9rem}}.dynamic-section{padding:80px 0;background:#fff}.dynamic-section.awards-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.dynamic-section.testimonials-section{background:linear-gradient(135deg,#fff,#f8f9fa)}.dynamic-section .section-header{text-align:center;margin-bottom:50px}.dynamic-section .section-tag{display:inline-block;color:#1a5490;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.dynamic-section .section-title{font-size:2.2rem;font-weight:800;color:#212529;margin:0}.dynamic-section .section-subtitle{font-size:1.1rem;color:#6c757d;max-width:700px;margin:12px auto 0}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;max-width:1200px;margin:0 auto}.dynamic-add-section{text-align:center;margin-top:40px;padding-top:30px;border-top:2px dashed #dee2e6}.add-item-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#1a5490,#0d3a7a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a54904d}.add-item-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1a549066}.add-item-btn .add-icon{font-size:1.5rem;font-weight:700}.award-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.award-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001f}.award-card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.award-card-image img{width:100%;height:100%;object-fit:cover}.award-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#adb5bd;font-size:3rem}.award-card-content{padding:24px}.award-card-title{font-size:1.25rem;font-weight:700;color:#212529;margin:0 0 12px}.award-card-description{font-size:.95rem;color:#6c757d;line-height:1.7;margin:0}.award-card.editing{border:2px solid #1a5490}.award-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.award-toggle-btn,.award-delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.award-toggle-btn{background:#1a5490;color:#fff}.award-toggle-btn:hover{background:#0d3a7a}.award-delete-btn{background:#fff;color:#dc3545;border:1px solid #dc3545}.award-delete-btn:hover{background:#dc3545;color:#fff}.award-card-body{padding:20px}.award-card-inputs{margin-top:16px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:.85rem;font-weight:600;color:#495057;margin-bottom:6px}.input-group input,.input-group textarea{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s ease}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#1a5490;box-shadow:0 0 0 3px #1a54901a}.input-group textarea{resize:vertical;min-height:100px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.award-card-preview{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa}.award-preview-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.award-preview-image img{width:100%;height:100%;object-fit:cover}.award-preview-info{flex:1}.award-preview-info strong{display:block;font-size:.95rem;color:#212529}.testimonial-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;display:flex;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001f}.testimonial-avatar{width:80px;height:80px;flex-shrink:0;border-radius:50%;overflow:hidden;margin:24px 0 24px 24px}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#adb5bd;font-size:2rem}.testimonial-content{flex:1;padding:24px}.testimonial-quote{font-size:1rem;color:#495057;line-height:1.8;margin:0 0 16px;font-style:italic}.testimonial-author strong{display:block;font-size:1rem;color:#212529}.author-role{font-size:.9rem;color:#6c757d}.testimonial-card.editing{display:block;border:2px solid #1a5490}.testimonial-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.testimonial-toggle-btn,.testimonial-delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.testimonial-toggle-btn{background:#1a5490;color:#fff}.testimonial-toggle-btn:hover{background:#0d3a7a}.testimonial-delete-btn{background:#fff;color:#dc3545;border:1px solid #dc3545}.testimonial-delete-btn:hover{background:#dc3545;color:#fff}.testimonial-card-body{padding:20px}.testimonial-image-section{display:flex;justify-content:center;margin-bottom:16px}.testimonial-card-inputs{margin-top:16px}.testimonial-textarea{min-height:100px;resize:vertical}.testimonial-input{width:100%}.testimonial-card-preview{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa}.testimonial-preview-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.testimonial-preview-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-preview-info{flex:1}.testimonial-preview-info strong{display:block;font-size:.95rem;color:#212529}.testimonial-preview-info span{font-size:.85rem;color:#6c757d}.image-uploader{width:100%}.image-uploader .upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:30px;cursor:pointer;transition:all .3s ease;text-align:center}.image-uploader .upload-zone:hover{border-color:#1a5490;background:linear-gradient(135deg,#e8f4fd,#f0f8ff)}.image-uploader .upload-zone.dragging{border-color:#1a5490;background:linear-gradient(135deg,#d4e9ff,#e0f0ff);transform:scale(1.02)}.image-uploader .upload-icon{font-size:2.5rem;margin-bottom:10px}.image-uploader .upload-text{font-size:.95rem;color:#495057;font-weight:600;margin:0 0 6px}.image-uploader .upload-hint{font-size:.8rem;color:#adb5bd;margin:0}.image-uploader .upload-loading{display:flex;flex-direction:column;align-items:center;gap:10px}.image-uploader .upload-spinner{width:30px;height:30px;border:3px solid #e9ecef;border-top-color:#1a5490;border-radius:50%;animation:spin .8s linear infinite}.image-preview{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-preview .image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.image-preview .image-remove-btn{width:40px;height:40px;border-radius:50%;background:#dc3545;color:#fff;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-preview .image-remove-btn:hover{background:#c82333;transform:scale(1.1)}.award-image-uploader{max-width:400px;margin:0 auto}.testimonial-image-uploader{max-width:150px}.testimonial-image-uploader .upload-zone{aspect-ratio:1;padding:20px}@media(max-width:768px){.awards-grid,.testimonials-grid{grid-template-columns:1fr}.testimonial-card{flex-direction:column;text-align:center}.testimonial-avatar{margin:20px auto 0}.input-row{grid-template-columns:1fr}.dynamic-add-section{margin-top:30px;padding-top:20px}.add-item-btn{padding:12px 24px;font-size:.9rem}}:root{--phase5-brand-900: #08345b;--phase5-brand-800: #0d4f83;--phase5-brand-700: #1f6ca8;--phase5-brand-500: #2794d8;--phase5-ink-900: #112638;--phase5-ink-700: #335069;--phase5-surface: #ffffff;--phase5-surface-soft: #f5f9fd;--phase5-border: rgba(14, 68, 112, .14);--phase5-shadow-sm: 0 6px 18px rgba(9, 47, 79, .09);--phase5-shadow-md: 0 16px 40px rgba(8, 45, 75, .14);--phase5-shadow-lg: 0 24px 70px rgba(7, 39, 64, .2)}body{color:var(--phase5-ink-900);background:radial-gradient(1200px 420px at 80% -5%,rgba(39,148,216,.2),transparent 65%),radial-gradient(900px 320px at 8% 0%,rgba(13,79,131,.18),transparent 65%),linear-gradient(180deg,#f2f8fc,#fff 28%,#f7fbff)}main{position:relative}main:before,main:after{opacity:.035}.header{height:82px;padding:14px 24px;border-bottom:1px solid rgba(16,72,116,.2);background:linear-gradient(120deg,#fffffff5,#f5fbfff2 52%,#ecf6fff0);box-shadow:0 10px 30px #062a491a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:500}.header:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#0d4f8300,#0d4f8370,#0d4f8300)}.logo{display:flex;align-items:center}.logo img{max-height:56px;filter:drop-shadow(0 4px 10px rgba(6,39,70,.2))}.desktop-search{margin-inline:18px}.search-container{width:auto}.search-input-wrapper{width:250px}.search-container:focus-within .search-input-wrapper{width:320px;box-shadow:0 14px 30px #063c642e}.search-input{height:46px;padding-inline:48px 18px;border:1px solid rgba(15,86,136,.24);background:linear-gradient(180deg,#fff,#f5fafe);color:var(--phase5-ink-900);box-shadow:inset 0 1px #ffffffbf}.search-input::placeholder{color:#6e8ca4;font-style:normal}.search-input:focus{border-color:#156da79e;box-shadow:0 0 0 3px #2794d833,0 10px 26px #0a3f6629}.search-icon{left:13px;opacity:.8}.search-icon img{width:17px;height:17px;filter:brightness(0) saturate(100%) invert(21%) sepia(42%) saturate(833%) hue-rotate(167deg) brightness(89%) contrast(93%)}.search-results{margin-top:10px;border-radius:14px;border:1px solid rgba(12,77,124,.16);box-shadow:var(--phase5-shadow-md);padding:4px;background:#fff}.search-result-item{border-bottom:1px solid rgba(15,93,147,.08);border-radius:10px;margin-bottom:2px;padding:12px 13px}.search-result-item:hover,.search-result-item:focus-visible{background:linear-gradient(120deg,#2794d81c,#1174b40d);outline:none}.search-result-title{color:var(--phase5-brand-900);font-weight:800}.search-result-caption{color:var(--phase5-ink-700)}.search-highlight{background:linear-gradient(120deg,#ffd8666b,#ffeb9eb8);color:inherit;border-radius:4px;padding:0 3px;font-weight:800}.nav{align-items:center;gap:12px}.nav-list{gap:10px}.nav-list>li>a,.nav-list>li>button.nav-link{height:42px;border-radius:999px;border:1px solid transparent;color:var(--phase5-ink-900);font-size:.92rem;font-weight:700;letter-spacing:.1px;background:transparent;font-family:inherit;cursor:pointer}.nav-list>li>a:hover,.nav-list>li>a:focus-visible,.nav-list>li>button.nav-link:hover,.nav-list>li>button.nav-link:focus-visible{transform:translateY(-1px);color:var(--phase5-brand-900);border-color:#10619647;background:linear-gradient(120deg,#2794d824,#2794d80f);box-shadow:0 8px 20px #0b446d21;outline:none}.nav-list a:before{height:0}.nav-icon{width:18px;height:18px;opacity:.74;filter:brightness(0) saturate(100%) invert(17%) sepia(54%) saturate(551%) hue-rotate(167deg) brightness(97%) contrast(90%)}.nav-list>li>a:hover .nav-icon,.nav-list>li>button.nav-link:hover .nav-icon{opacity:1;transform:none}.dropdown-menu,.apply-dropdown-menu{border-radius:14px;border:1px solid rgba(10,74,120,.14);background:linear-gradient(180deg,#fffffffc,#f4fbfffa);box-shadow:var(--phase5-shadow-lg);padding:8px}.dropdown-menu a,.apply-dropdown-menu a{border-radius:10px;border-bottom:none;color:var(--phase5-ink-900);font-weight:700}.dropdown-menu a:hover,.apply-dropdown-menu a:hover{background:linear-gradient(120deg,#2794d829,#2794d812);color:var(--phase5-brand-900);padding-right:24px}.apply-dropdown{margin-right:4px}a.btn-primary.apply-btn{height:44px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.34)!important;background:linear-gradient(120deg,#0c5d95,#1f84c4 60%,#2794d8)!important;box-shadow:0 14px 26px #0b49744d!important}a.btn-primary.apply-btn:hover{background:linear-gradient(120deg,#0b4d7c,#1b70a9 55%,#2488c5)!important;box-shadow:0 18px 34px #0a3f665e!important}.mobile-menu-toggle{width:42px;height:42px;border-radius:12px;border:1px solid rgba(14,84,133,.22);background:linear-gradient(180deg,#fff,#edf6fd);box-shadow:0 8px 20px #052e4d1a}.hamburger-line{width:20px;height:2px;border-radius:3px;background-color:var(--phase5-brand-900)}.mobile-menu-close{position:absolute;top:14px;left:16px;width:40px;height:40px;border:1px solid rgba(12,84,133,.24);border-radius:11px;background:linear-gradient(180deg,#fff,#edf6fd);color:var(--phase5-brand-900);cursor:pointer;font-size:1.45rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0a395d29}.mobile-menu-close:hover{transform:translateY(-1px)}.mobile-menu-backdrop{background:#041f368f;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.footer{margin-top:90px;border-top:1px solid rgba(255,255,255,.16);background:radial-gradient(1100px 300px at 90% 0%,rgba(44,155,222,.22),transparent 60%),linear-gradient(130deg,#072642,#0c355c 52%,#11507f);box-shadow:inset 0 1px #ffffff0f}.footer-content{gap:26px}.footer-section{background:linear-gradient(160deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px;box-shadow:0 10px 28px #0000002e}.footer-section h3{margin-bottom:16px;font-size:1.18rem;color:#f4fbff}.footer-section a{color:#e0f2ff}.footer-section a:hover{color:#fff;transform:translate(0)}.footer-section-links li{margin-bottom:8px}.footer-section-links a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#ffffff0a;border:1px solid transparent}.footer-section-links a:hover{border-color:#fff3;background:#ffffff1a}.contact-item{border-radius:10px;padding:8px 10px}.contact-item.clickable:hover{background:#ffffff17}.social-links{gap:14px}.social-icon{border-radius:12px;width:44px;height:44px;border-color:#ffffff40;background:linear-gradient(180deg,#ffffff2e,#ffffff0f)}.social-icon:hover{border-color:#ffffff73;box-shadow:0 14px 26px #1eb3ff47}.awards-section{margin-top:8px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.footer-bottom{margin-top:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}.registration-sidebar,.registration-content,.careers-job-card,.careers-form-container,.careers-track-container,.branch-item,.info-content,.cta-content{border:1px solid var(--phase5-border);box-shadow:var(--phase5-shadow-sm)}.registration-sidebar,.registration-content,.careers-form-container,.careers-track-container,.info-content{background:linear-gradient(180deg,#fff,#f9fcff)}.accordion-item{border:1px solid rgba(13,89,143,.14);border-radius:14px;box-shadow:0 7px 20px #08375b14}.accordion-header{background:linear-gradient(120deg,#fff,#f2f9ff)}.accordion-header:hover{background:linear-gradient(120deg,#f5fbff,#edf6ff)}.accordion-icon{color:var(--phase5-brand-800)}@media(min-width:992px){.footer-content{grid-template-columns:1.45fr 1fr 1fr}}@media(max-width:1024px){.header{height:74px;padding:10px 16px}.search-input-wrapper{width:215px}.search-container:focus-within .search-input-wrapper{width:260px}.nav-list{gap:6px}.nav-list>li>a,.nav-list>li>button.nav-link{padding:10px;font-size:.85rem}.nav-icon{width:16px;height:16px}}@media(max-width:768px){html,body,#root,.App{overflow-x:clip}.container{padding-inline:14px}.header{height:66px;padding:8px 14px;box-shadow:0 6px 20px #062a4929}.logo img{max-height:46px}.nav{width:min(320px,92vw);background:linear-gradient(150deg,#fffffffa,#f1f9fff5);box-shadow:-14px 0 32px #062b4933}.mobile-search{padding:0;margin:0 0 18px}.mobile-search .search-input-wrapper,.mobile-search .search-container:focus-within .search-input-wrapper{width:100%}.nav-list>li>a,.nav-list>li>button.nav-link,.nav>li>button.nav-link,.nav>li>button.nav-link.apply-toggle-mobile{border-radius:12px!important;border:1px solid transparent!important;padding:12px 14px!important}.nav-list>li>a:hover,.nav-list>li>button.nav-link:hover,.nav>li>button.nav-link:hover{border-color:#0e5f9738!important;background:linear-gradient(120deg,#2794d829,#2794d814)!important}.dropdown.open .dropdown-menu,.apply-dropdown.open .apply-dropdown-menu{background:linear-gradient(180deg,#2794d814,#2794d808);border:1px solid rgba(12,89,140,.12)}.search-results{max-width:min(92vw,450px)}.registration-section{padding-top:80px}.registration-section .container{gap:14px}.registration-sidebar,.registration-content{border-radius:14px;padding:16px}.registration-sidebar{position:static;width:100%;max-height:none}.branch-selector{grid-template-columns:1fr;gap:10px}.branch-btn{min-width:0;width:100%;padding:11px 12px}.fees-table-wrapper{-webkit-overflow-scrolling:touch}.fees-table{min-width:320px}.fees-table th,.fees-table td{white-space:nowrap;padding:10px 12px;font-size:.84rem}.fees-notes{padding:14px}.hero-title{font-size:clamp(1.7rem,8.4vw,2.4rem)!important;line-height:1.2!important}.hero-description{font-size:.98rem!important;line-height:1.7!important}.hero-stats{padding:22px!important;gap:18px!important}.stat-number{font-size:2rem!important}.branch-header{padding:18px!important;gap:12px!important}.branch-name{font-size:1.15rem!important;line-height:1.4!important}.branch-phone{font-size:.92rem!important;gap:8px!important;overflow-wrap:anywhere!important}.content-grid{padding:18px!important;gap:18px!important}.content-map iframe{min-height:250px!important}.cta-content{padding:32px 20px!important}.cta-title{font-size:clamp(1.4rem,7vw,1.9rem)!important}.btn-large{width:100%!important;max-width:100%!important}.careers-hero-section{min-height:auto;padding:88px 16px 54px}.careers-hero-text h1{font-size:clamp(1.45rem,7vw,2rem);line-height:1.35}.careers-section{padding:62px 0 44px}.careers-section-header{margin-bottom:30px}.careers-jobs-grid{grid-template-columns:1fr;gap:14px}.careers-job-card{padding:18px}.careers-job-title{font-size:1.05rem;line-height:1.5}.careers-job-detail{align-items:flex-start;overflow-wrap:anywhere}.careers-form,.careers-track-form,.careers-status-result{padding:18px}.careers-status-card h3{font-size:1.2rem}.careers-status-text{font-size:1rem}.careers-timeline-item span{font-size:.8rem;line-height:1.4}.footer{margin-top:62px;padding-top:42px}.footer-section{padding:18px}}@media(max-width:540px){.container{padding-inline:12px}.header{height:62px;padding:8px 10px}.logo img{max-height:42px}.nav{width:min(330px,94vw)}.search-input{font-size:16px}.search-results{max-width:100%}.hero-title{font-size:clamp(1.45rem,8vw,2rem)!important}.hero-description{font-size:.92rem!important}.hero-stats{padding:18px!important}.careers-filter-tabs{flex-direction:column;align-items:stretch}.careers-filter-btn{width:100%}.careers-btn-primary,.careers-btn-secondary{max-width:100%}.footer-section{padding:14px}.awards-container{gap:16px}.award-logo{height:52px}}.login-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:#fff;padding:32px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal-title{text-align:center;margin-bottom:24px;color:#1a5490;font-size:1.5rem;font-weight:600}.login-form-group{margin-bottom:16px}.login-form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.login-form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.login-form-group input:focus{outline:none;border-color:#1a5490}.login-form-group input:disabled{background-color:#f5f5f5}.login-error{background-color:#fee;color:#c00;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center;font-size:.9rem}.login-modal-buttons{display:flex;gap:12px;margin-top:24px}.login-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-btn.submit{background-color:#1a5490;color:#fff}.login-btn.submit:hover:not(:disabled){background-color:#0d3d6e}.login-btn.submit:disabled{background-color:#ccc;cursor:not-allowed}.login-btn.cancel{background-color:#f0f0f0;color:#666}.login-btn.cancel:hover:not(:disabled){background-color:#e0e0e0}.admin-login-btn,.admin-logout-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:6px 12px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;margin-left:12px}.admin-login-btn:hover{background-color:#ffffff1a;border-color:#ffffff80;color:#fff}.admin-logout-btn{background-color:#dc354533;border-color:#dc354580;color:#ff6b7a}.admin-logout-btn:hover{background-color:#dc35454d;border-color:#dc3545b3;color:#ff4d5a}.editable-text-wrapper{position:relative;display:inline-block;vertical-align:top;cursor:pointer}.editable-text-wrapper:hover{outline:2px dashed #1a5490;outline-offset:2px}.editable-text-wrapper.editing{outline:2px solid #1a5490;outline-offset:2px;background-color:#1a54900d}.editable-controls-overlay{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:1000;background:#fff;padding:4px;border-radius:8px;box-shadow:0 4px 12px #00000026}.editable-controls-overlay .editable-inline-input{border:2px solid #1a5490;border-radius:4px;padding:6px 10px;font-size:1rem;font-family:inherit;outline:none;min-width:200px;max-width:400px}.editable-controls-overlay .editable-btn{width:28px;height:28px;border:none;border-radius:50%;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 6px #0003}.editable-controls-overlay .cancel-btn{background-color:#dc3545;color:#fff}.editable-controls-overlay .cancel-btn:hover{background-color:#c82333;transform:scale(1.1)}.editable-controls-overlay .confirm-btn{background-color:#28a745;color:#fff}.editable-controls-overlay .confirm-btn:hover{background-color:#218838;transform:scale(1.1)}