:root{--green: #0d6b4f;--green-dark: #074231;--gold: #c9a34d;--gold-soft: #f7efd9;--ink: #17211d;--muted: #66746f;--line: #dfe8e3;--surface: #ffffff;--soft: #f6f8f7;--shadow: 0 18px 45px rgba(12, 59, 44, .1);font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;background:var(--surface);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.container{width:min(1140px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-shell{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand strong{display:block;font-size:18px}.brand small{color:var(--muted);font-size:12px}.school-mark{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--gold),#ead48f);color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff73}.school-logo-img{width:76px;height:54px;object-fit:contain;border-radius:6px;border:0;background:#fff;padding:0;transform:rotate(0)}.school-mark.large{width:82px;height:82px;font-size:38px}.nav-links{display:flex;gap:18px;flex:1;align-items:center}.nav-links a{color:#394640;font-size:14px}.nav-links a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:12px}.ministry-logo{width:150px;height:72px;object-fit:contain;padding:4px;border-radius:0;background:#fff;display:block;flex:0 0 auto}.admin-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;min-height:44px;padding:0 18px;cursor:pointer;font-weight:700}.admin-link{background:var(--green);color:#fff;font-size:14px}.button.primary{background:var(--green);color:#fff}.button.secondary{background:var(--gold-soft);color:#6c5216}.button.ghost{background:transparent;color:var(--green);border:1px solid var(--line)}.button.full{width:100%}.icon-button{border:1px solid var(--line);background:#fff;border-radius:6px;width:44px;height:44px;display:inline-grid;place-items:center}.mobile-only{display:none}.section{padding:86px 0;scroll-margin-top:90px}.band{background:var(--soft);border-block:1px solid var(--line)}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:68px 0 52px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:0 0 22px;letter-spacing:0;color:var(--green-dark)}.hero p,.lead{font-size:19px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-panel{position:relative}.hero-panel:before{content:"";position:absolute;inset:-16px 22px 36px -14px;border:1px solid rgba(201,163,77,.35);border-radius:8px;z-index:0}.hero-panel.compact{max-width:520px;justify-self:start}.official-card{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:var(--shadow)}.school-corner-logo{display:inline-flex;align-items:center;gap:10px;color:#8a6b20;font-weight:800;margin-bottom:28px}.hero-meta{margin-top:24px;display:grid;gap:12px}.hero-meta.prominent{margin-top:0}.hero-meta.prominent p{padding:14px 0;border-bottom:1px solid var(--line)}.hero-meta.prominent p:last-child{border-bottom:0}.hero-meta p,.footer p,.contact p,.location-row{display:flex;align-items:center;gap:8px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}h2{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:0 0 18px;color:var(--green-dark)}h3{margin:0;color:var(--green-dark)}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mission-grid article,.staff-card,.content-card,.admin-card,.login-box{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #10352a0f}.mission-grid article{padding:24px}.mission-grid p{color:var(--muted);line-height:1.8}.values{grid-column:1 / -1}.values div{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.values span{background:var(--gold-soft);color:#6c5216;padding:9px 13px;border-radius:6px}.location-row{margin-top:26px;font-weight:700}.section-title{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}.section-title p{max-width:440px;color:var(--muted);line-height:1.8;margin:0}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compare-column{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.compare-column h3{margin-bottom:16px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-frame,.video-placeholder{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:#edf3ef;border:1px solid var(--line)}.media-frame.is-empty img{display:none}.placeholder,.video-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center;gap:8px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.content-card{overflow:hidden}.content-card .media-frame{border:0;border-radius:0;aspect-ratio:16 / 9}.card-body{padding:22px}time{color:var(--gold);font-weight:800;font-size:13px}.card-body p,.activity p,.staff-card p{color:var(--muted);line-height:1.75}.activity-list{display:grid;gap:18px}.activity{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.activity-text time,.activity-text a{display:inline-flex;align-items:center;gap:6px}.activity-text a{color:var(--green);font-weight:800}.activity-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.video-frame,.video-placeholder{width:100%;min-height:100%;border:0;border-radius:8px}.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.staff-card{padding:20px;display:flex;gap:15px}.staff-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;background:var(--gold-soft);color:#7d621e;border-radius:6px}.staff-card a{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13px}.footer{background:var(--green-dark);color:#fff;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.footer p{color:#ffffffc7;margin-top:8px}.footer-logo{display:block;background:#fff;border-radius:6px;padding:8px;filter:none}.login-page,.loading{min-height:100vh;display:grid;place-items:center;background:var(--soft);padding:24px}.login-box{width:min(440px,100%);padding:34px;text-align:center}.login-box h1{font-size:28px;margin:18px 0 10px}.login-box p{color:var(--muted);line-height:1.7}label{display:grid;gap:8px;text-align:right;color:#2b3833;font-weight:800;margin-top:14px}input,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;min-height:44px;padding:10px 12px;color:var(--ink)}textarea{min-height:110px;resize:vertical}.alert,.success{padding:12px 14px;border-radius:6px;margin:16px 0}.alert{background:#fff1f0;color:#9d1b1b;border:1px solid #ffd1cf}.success{background:#eaf7ef;color:var(--green);border:1px solid #c9ead5}.back-link{display:inline-block;margin-top:16px;color:var(--green);font-weight:800}.admin-page{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:var(--soft)}.admin-side{background:#fff;border-left:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:10px}.admin-side .brand{margin-bottom:18px}.admin-side button{border:0;border-radius:6px;background:transparent;text-align:right;padding:13px 12px;cursor:pointer;color:#33413b}.admin-side button.active{background:var(--green);color:#fff}.admin-side .logout{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#9d1b1b}.admin-content{padding:32px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.admin-top h1{margin:0;color:var(--green-dark)}.admin-top p{margin:8px 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.form-grid label:has(textarea),.editor-block{grid-column:1 / -1}.editor-block{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:10px}.editor-block>span{font-weight:800;color:var(--green-dark)}.inline-editor{display:grid;grid-template-columns:1fr auto;gap:8px}.inline-editor button,.inline-actions button,.upload-button,.admin-card-head button{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:40px;padding:0 12px;cursor:pointer}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.upload-button{display:inline-flex;align-items:center;margin:0;font-weight:700}.upload-button input{display:none}.admin-list{display:grid;gap:16px}.admin-card{padding:18px}.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reveal{animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.mobile-only{display:inline-grid}.nav-shell{flex-wrap:wrap;padding:12px 0}.nav-links{display:none;width:100%;order:5;flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.header-actions{margin-right:auto}.hero-grid,.split,.compare-grid,.activity,.footer-grid,.admin-page{grid-template-columns:1fr}.hero{min-height:auto}.section-title{display:block}.card-grid,.staff-grid{grid-template-columns:1fr}.activity-media{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-side{position:static;height:auto}.admin-content{padding:20px}}@media(max-width:620px){.container{width:min(100% - 22px,1140px)}.header-actions{width:100%;justify-content:space-between}.hero-actions,.admin-top{align-items:stretch;flex-direction:column}.button,.admin-link{width:100%}.form-grid,.media-grid,.activity-media{grid-template-columns:1fr}.hero h1{font-size:39px}.section{padding:58px 0}}
