:root{--chocolate:#5b2c1d;--chocolate-dark:#35170f;--gold:#d4a72c;--gold-light:#f5e6ad;--cream:#fbf8f2;--ink:#171717;--muted:#626262}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}.rtl{font-family:"Tahoma","Arial",sans-serif}.skip-link{position:absolute;top:-100px;left:1rem;background:#fff;padding:.5rem;z-index:9999}.skip-link:focus{top:1rem}.topbar{background:var(--chocolate-dark);color:#fff;font-size:.86rem}.topbar a{color:#fff;text-decoration:none}.topbar .lang-link.active{color:var(--gold);font-weight:700}.site-header{z-index:1020}.school-logo{width:62px;height:62px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.25;color:var(--chocolate);max-width:250px}.brand-text strong{font-size:1rem}.brand-text small{font-size:.74rem;color:#555}.navbar .nav-link{font-weight:600;color:#272727;padding:.7rem .6rem!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--chocolate)}.dropdown-item:active{background:var(--chocolate)}.rtl .navbar-nav{padding-right:0}.rtl .ms-auto{margin-right:auto!important;margin-left:0!important}.rtl .ms-xl-3{margin-right:1rem!important;margin-left:0!important}.btn{font-weight:700;border-radius:.3rem}.btn-chocolate{background:var(--chocolate);border-color:var(--chocolate);color:#fff}.btn-chocolate:hover{background:var(--chocolate-dark);border-color:var(--chocolate-dark);color:#fff}.btn-gold{background:var(--gold);border-color:var(--gold);color:#17120a}.btn-gold:hover{background:#b98d18;border-color:#b98d18}.hero{min-height:610px;display:flex;align-items:center;position:relative;color:#fff;background:linear-gradient(100deg,rgba(37,14,7,.94),rgba(91,44,29,.76)),radial-gradient(circle at 80% 20%,#a87929 0,#5b2c1d 45%,#25100a 100%);overflow:hidden}.hero:after{content:"";position:absolute;width:480px;height:480px;border:75px solid rgba(212,167,44,.13);border-radius:50%;right:-120px;top:-80px}.rtl .hero:after{right:auto;left:-120px}.hero-content{position:relative;z-index:1;max-width:780px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.05;font-weight:900}.hero .lead{font-size:clamp(1.1rem,2vw,1.4rem);max-width:670px}.section{padding:80px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--chocolate-dark);color:#fff}.section-title{color:var(--chocolate);font-weight:850;margin-bottom:1rem}.section-dark .section-title{color:#fff}.gold-line{width:68px;height:4px;background:var(--gold);border-radius:4px;margin:0 0 1.5rem}.rtl .gold-line{margin-right:0}.feature-card,.content-card,.news-card{height:100%;border:0;border-radius:.8rem;box-shadow:0 .5rem 1.7rem rgba(42,25,16,.09);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.feature-card:hover,.news-card:hover{transform:translateY(-4px);box-shadow:0 .8rem 2rem rgba(42,25,16,.14)}.icon-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--gold-light);color:var(--chocolate);font-size:1.55rem}.card-title{color:var(--chocolate);font-weight:750}.image-placeholder{min-height:220px;background:linear-gradient(135deg,#6d3927,#d4a72c);display:grid;place-items:center;color:#fff;font-size:3rem}.page-hero{padding:88px 0;background:linear-gradient(100deg,rgba(47,18,10,.97),rgba(91,44,29,.83)),radial-gradient(circle at 75% 30%,#d4a72c,#5b2c1d 50%);color:#fff}.page-hero h1{font-size:clamp(2.1rem,5vw,3.8rem);font-weight:850}.breadcrumb a{color:var(--gold-light)}.stat{border-left:4px solid var(--gold);padding-left:1rem}.rtl .stat{border-left:0;border-right:4px solid var(--gold);padding-left:0;padding-right:1rem}.program-card{border-top:5px solid var(--gold)}.cta-strip{background:linear-gradient(100deg,var(--chocolate),var(--chocolate-dark));color:#fff;border-radius:1rem;padding:3rem}.news-date,.event-date{color:#7a5a20;font-size:.88rem;font-weight:700}.event-item{border-left:4px solid var(--gold);background:#fff;box-shadow:0 .3rem 1.1rem rgba(0,0,0,.07)}.rtl .event-item{border-left:0;border-right:4px solid var(--gold)}.gallery-card img{width:100%;height:240px;object-fit:cover}.gallery-card{overflow:hidden;border-radius:.7rem;background:#eee;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.08)}.form-control,.form-select{padding:.75rem;border-color:#d4cec8}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(212,167,44,.2)}.required:after{content:" *";color:#b42020}.contact-box{background:var(--chocolate);color:#fff;border-radius:.9rem;padding:2rem;height:100%}.table thead th{background:var(--chocolate);color:#fff;border:0}.footer{background:#27110b;color:#d8ccc8}.footer h5{color:var(--gold)}.footer-logo{width:62px;height:62px}.footer-links li{margin-bottom:.55rem}.footer a{color:#eee;text-decoration:none}.footer a:hover{color:var(--gold)}.footer-bottom{background:#180a06;font-size:.9rem}.empty-state{padding:3rem;text-align:center;color:var(--muted);background:#f7f5f2;border-radius:.7rem}.admin-body{background:#f3f1ee}.admin-sidebar{background:#27110b;min-height:100vh;color:#fff}.admin-sidebar a{display:block;color:#e7ddda;padding:.72rem 1rem;text-decoration:none;border-radius:.35rem;margin-bottom:.2rem}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--gold);color:#1c100b}.admin-top{background:#fff;border-bottom:1px solid #e5e0dc}.metric-card{border:0;border-left:4px solid var(--gold);box-shadow:0 .3rem 1.1rem rgba(0,0,0,.07)}.login-shell{min-height:100vh;background:linear-gradient(130deg,#27110b,#72402b);display:grid;place-items:center;padding:1rem}.login-card{width:min(450px,100%);border:0;border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.3)}@media(max-width:1199.98px){.navbar-collapse{padding:1rem 0;max-height:calc(100vh - 110px);overflow:auto}.header-actions{padding-bottom:.5rem}.hero{min-height:540px}}@media(max-width:767.98px){.brand-text{max-width:170px}.school-logo{width:50px;height:50px}.section{padding:55px 0}.hero{min-height:500px}.hero h1{font-size:2.7rem}.cta-strip{padding:2rem}.topbar .mx-3{margin-left:.4rem!important;margin-right:.4rem!important}.admin-sidebar{min-height:auto}}
