@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{--phy-bg:#070b12;--phy-card:#0b111c;--phy-blue:#1e58e8;--phy-gold:#f8b52b;--phy-white:#f4f2eb}
body{background:var(--phy-bg);font-family:"Tajawal","IBM Plex Sans Arabic",sans-serif}
.navbar{
  height:114px;padding:0 48px;background:rgba(7,11,18,.98)!important;border-bottom:0!important;box-shadow:none!important
}
.navbar.scrolled{height:96px;background:rgba(7,11,18,.98)!important}
.physics-logo{display:flex!important;align-items:center;gap:18px;color:#fff!important;text-decoration:none}
.physics-logo__mark{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;color:var(--phy-gold);line-height:1;flex:0 0 52px}
.physics-logo__mark svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.physics-logo>b{display:block}.physics-logo>span:last-child{display:grid;line-height:1}
.physics-logo b{font-size:1.65rem;line-height:.9}.physics-logo small{margin-top:8px;color:var(--phy-gold);font-size:.75rem}
.nav-links{margin-inline-start:auto;margin-inline-end:0;gap:54px}
.nav-links a{padding:14px 0!important;color:#fff!important;font-size:1rem!important;font-weight:600}
.nav-links a::after{display:none!important}
.nav-links a.is-active{border-bottom:4px solid var(--phy-blue)}
.nav-links .login-link{color:#fff!important}
.hero{
  height:calc(100vh - 162px);min-height:855px;padding:0!important;background:var(--phy-bg)!important;overflow:hidden
}
.hero::before,.hero::after{display:none!important}
.physics-hero-bg{
  position:absolute!important;inset:0!important;background:
    radial-gradient(circle at 23% 38%,rgba(20,74,207,.14),transparent 29%),
    linear-gradient(120deg,#080c13,#060911 70%)!important;transform:none!important
}
.physics-teacher{
  z-index:2!important;left:1.2%!important;right:auto!important;top:0!important;bottom:auto!important;width:49%!important;height:59%!important;
  object-fit:cover!important;object-position:center top!important;opacity:1!important;filter:none!important;transform:none!important;
  border-radius:0 0 12px 0
}
.hero-inner{position:relative!important;z-index:3!important;display:block!important;width:100%!important;max-width:none!important;height:calc(100% - 92px)!important;min-height:0!important;margin:0!important;padding:0!important}
.hero-content{position:absolute;right:4%!important;left:auto!important;top:120px;width:52%;max-width:760px!important;padding:0!important;text-align:right!important}
.grade-switch{display:grid;grid-template-columns:repeat(3,1fr);max-width:430px;margin:0 auto 30px;border:1px solid rgba(255,255,255,.45);border-radius:6px;overflow:hidden}
.grade-switch button{padding:14px 10px;border:0;border-inline-start:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 .92rem "Tajawal",sans-serif}
.grade-switch button.active{background:linear-gradient(135deg,#1646bd,#215deb)}
.hero-content h1{display:block!important;width:100%!important;max-width:none!important;margin:0!important;color:var(--phy-white)!important;font-size:clamp(3.05rem,4vw,4.55rem)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.04em!important}
.hero-content h1 em{color:var(--phy-blue)!important;font-style:normal!important}.hero-content h1 span{color:var(--phy-gold)}
.hero-content h1 span{display:inline-block;white-space:nowrap}
.hero-content p{max-width:660px!important;margin:18px 0 0 auto!important;color:#dfdfdf!important;font-size:1.05rem!important;line-height:1.7!important}
.hero-actions{justify-content:flex-start!important;gap:16px!important;margin-top:20px!important}
.hero-actions a{min-width:245px;justify-content:center;border-radius:5px!important;padding:17px 22px!important;font-size:1rem!important}
.hero-actions .btn-primary{background:linear-gradient(135deg,#235fea,#1747be)!important}
.hero-actions .btn-ghost{border:1px solid var(--phy-gold)!important;color:#fff!important;background:transparent!important}
.physics-dashboard{
  position:absolute;z-index:4;left:1.8%;bottom:6px;width:51%;height:278px;display:grid;grid-template-columns:2fr .95fr;
  direction:rtl;color:#fff;background:rgba(8,14,23,.96);border:1px solid var(--phy-blue);border-radius:6px;box-shadow:0 18px 48px rgba(0,0,0,.4)
}
.physics-dashboard__course,.physics-dashboard__code{padding:22px}
.physics-dashboard__course{border-left:1px solid rgba(255,255,255,.25)}
.physics-dashboard h3{margin:0 0 15px;font-size:1.16rem}
.physics-dashboard__course>div{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.18);font-size:.78rem}
.physics-dashboard__course>div b{font-weight:500}.physics-dashboard__course>small{display:block;margin-top:9px;text-align:left;color:#c7c7c7}
.physics-dashboard .progress{height:8px;border-radius:10px;background:#1f2733;overflow:hidden}.physics-dashboard .progress i{display:block;width:68%;height:100%;background:var(--phy-blue)}
.physics-dashboard__course strong{color:var(--phy-gold)}
.physics-dashboard__code{display:flex;flex-direction:column;align-items:stretch;text-align:center}
.physics-dashboard__code>b{font-size:.82rem}.physics-dashboard__code code{margin:15px 0;padding:11px;border:1px dashed #747d8a;color:var(--phy-gold);font-size:1.02rem}
.physics-dashboard__code a{padding:12px;background:linear-gradient(135deg,#235fea,#1747be);color:#fff;text-decoration:none}.physics-dashboard__code small{margin-top:14px;line-height:1.6}.physics-dashboard__code u{color:var(--phy-gold)}
.physics-proof-rail{
  position:absolute;z-index:5;left:1.8%;right:1.8%;bottom:0;height:92px;display:grid;grid-template-columns:repeat(3,1fr);
  direction:rtl;color:#fff;background:rgba(8,14,23,.97);border:1px solid rgba(255,255,255,.4);border-radius:5px
}
.physics-proof-rail>div{display:flex;align-items:center;justify-content:center;gap:20px;border-left:1px solid rgba(255,255,255,.35)}
.physics-proof-rail>div:last-child{border-left:0}.physics-proof-rail b{color:var(--phy-gold);font-size:2rem}.physics-proof-rail span{display:grid;gap:4px}.physics-proof-rail strong{font-size:.9rem}.physics-proof-rail small{font-size:.75rem;color:#ccc}

@media(max-width:1020px){
  .nav-links{gap:22px}.navbar{padding-inline:24px}.physics-teacher{width:50%!important}
  .physics-dashboard{width:56%}.hero-content{width:45%}.hero-content h1{font-size:3.25rem!important}
}
@media(max-width:760px){
  .navbar{height:78px;padding-inline:16px}.physics-logo__mark{width:40px;height:40px;flex-basis:40px}.physics-logo b{font-size:1.05rem}.physics-logo small{font-size:.57rem}.hamburger{display:flex}
  .hero{height:auto;min-height:1390px}.hero-inner{height:1298px!important;padding:0 18px!important}
  .hero-content{position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:100%;padding-top:32px!important}.grade-switch{margin-bottom:24px}
  .hero-content h1{font-size:clamp(2.35rem,12vw,2.85rem)!important;line-height:1.13!important}.hero-content h1 span{white-space:normal}.hero-content p br{display:none}.hero-actions{display:grid!important}.hero-actions a{min-width:0}
  .physics-teacher{top:550px!important;left:0!important;width:100%!important;height:350px!important;object-position:center 22%!important}
  .physics-dashboard{left:16px;right:16px;bottom:105px;width:auto;height:auto;max-height:385px;grid-template-columns:1fr}.physics-dashboard__course{border-left:0;border-bottom:1px solid rgba(255,255,255,.25)}
  .physics-proof-rail{height:88px;left:16px;right:16px}.physics-proof-rail small{display:none}.physics-proof-rail>div{gap:8px;text-align:center}.physics-proof-rail b{font-size:1.2rem}.physics-proof-rail strong{font-size:.65rem}
  .wa-float{display:none!important}
}

/* Full-page physics design system — keeps every section in the approved
   midnight / cobalt / gold visual language. */
body .section,body .testimonials{padding-block:100px!important;background:#080c13!important;color:#f4f2eb!important}
body .section:nth-of-type(even){background:#0b111b!important}
body .section .container,body .testimonials .container{max-width:1180px!important}
body .section-eyebrow{color:var(--phy-gold)!important;font-weight:800!important}
body .section-title{color:#f6f3eb!important;font-size:clamp(2.2rem,4vw,4.2rem)!important;letter-spacing:-.045em!important}
body .section-desc{color:#aeb5c0!important;line-height:1.8!important}
body .about .zigzag-text,body .about .zigzag-image{background:transparent!important}
body .about-list{display:grid!important;gap:14px!important}
body .about-item{padding:18px 20px!important;border:1px solid #293345!important;border-radius:8px!important;background:#0c131f!important}
body .about-item h4{color:#fff!important}body .about-item p{color:#9da5b1!important}body .about-icon{background:#1647c2!important;color:#fff!important}
body .zigzag-image{position:relative!important;min-height:430px!important;border:1px solid #214da9!important;background:
  linear-gradient(145deg,rgba(31,88,232,.18),transparent 60%),#080d16!important;overflow:hidden}
body .zigzag-image img{display:none!important}
body .zigzag-image::before{content:"ΣF = ma";position:absolute;left:9%;top:16%;color:#2159e3;font-size:clamp(4rem,8vw,8rem);font-weight:900;letter-spacing:-.08em}
body .zigzag-image::after{content:"الفهم → القانون → التطبيق";position:absolute;right:9%;bottom:14%;color:var(--phy-gold);font-size:1.2rem;font-weight:700}
body .achievement-box{border-color:#263754!important;background:#0c1420!important}.achievement-num{color:var(--phy-gold)!important}.achievement-label{color:#b9c0cb!important}
body .filter-pill{border-color:#3c4657!important;background:transparent!important;color:#d7dae0!important}
body .filter-pill.active,body .filter-pill:hover{border-color:var(--phy-blue)!important;background:var(--phy-blue)!important;color:#fff!important}
body .course-row{border:1px solid #24334d!important;background:#0c131f!important;box-shadow:none!important}
body .course-row:hover{border-color:#2862ed!important;transform:translateY(-2px)!important}
body .course-row-photo{position:relative!important;background:linear-gradient(135deg,#194ed0,#0a1830)!important}
body .course-row-photo img{display:none!important}
body .course-row-photo::after{content:"F = ma";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.15rem;font-weight:800}
body .course-row h3{color:#fff!important}body .course-row p{color:#aeb5c0!important}body .course-meta{color:#8ea6d4!important}.course-meta svg{fill:var(--phy-gold)!important}
body .course-link{border-color:#2e63e8!important;background:#1748bd!important;color:#fff!important}
body .instructor-card{border:1px solid #263754!important;background:#0c131f!important;box-shadow:none!important}
body .instructor-card h3{color:#fff!important}.instructor-avatar{background:linear-gradient(135deg,#1d5aeb,#153997)!important;color:#fff!important}.instructor-title{color:var(--phy-gold)!important}.instructor-specialty{color:#7ea0e6!important}.instructor-card p{color:#aeb5c0!important}
body .why-compact-item{border-color:#29374f!important;background:#0c131f!important}.why-compact-item h4{color:#fff!important}.why-compact-item p{color:#aeb5c0!important}.why-compact-num,.why-compact-icon{color:var(--phy-gold)!important}
body .testi-card{border:1px solid #29374f!important;background:#0c131f!important;color:#fff!important;box-shadow:none!important}
body .career-before{color:#9ca5b5!important}.career-after,.stars svg{color:var(--phy-gold)!important;fill:var(--phy-gold)!important}.testi-card blockquote{color:#d9dce2!important}.testi-avatar{background:var(--phy-blue)!important;color:#fff!important}.testi-role{color:#8f99aa!important}
body .cta-band{background:linear-gradient(120deg,#123aa0,#1e59e8)!important}.cta-band h2{color:#fff!important}.btn-gold{background:var(--phy-gold)!important;color:#111!important}
body .contact{background:#080c13!important}.info-badge,.contact-form-box{border-color:#29374f!important;background:#0c131f!important;color:#fff!important}.info-badge svg{fill:var(--phy-gold)!important}
body .contact-form-box h3{color:#f6f3eb!important}
body .form-group label{color:#c5cad2!important}.form-group input,.form-group select,.form-group textarea{border-color:#34445e!important;background:#080d15!important;color:#fff!important}.btn-submit{background:var(--phy-blue)!important}
body footer{background:#05080d!important;border-top:1px solid #263754!important}

@media(max-width:760px){
  body .section,body .testimonials{padding-block:70px!important}
  body .course-row{grid-template-columns:76px 1fr!important}
  body .course-link{grid-column:1/-1!important}
}