:root{--hdr:88px!important}
.hrp-package-page{background:#fff;color:#12344a;min-height:70vh;font-family:'IBM Plex Sans Arabic',sans-serif}
.hrp-package-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-block:52px 48px}
.hrp-package-crumb{display:flex;gap:9px;color:#587382;font-size:12px;margin-bottom:23px}.hrp-package-crumb a:hover{color:#117e65}
.hrp-package-label{display:inline-flex;background:#e8f5ef;color:#126b54;border:1px solid #cee8dc;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:600}
.hrp-package-page h1{font-size:clamp(29px,3.4vw,45px);line-height:1.45;letter-spacing:-.8px;font-weight:700;color:#102f46;margin:17px 0 6px;opacity:1!important}
.hrp-package-page h2{font-size:25px;font-weight:600;color:#137e60;line-height:1.5;margin:0 0 15px;opacity:1!important}
.hrp-package-copy>p{font-size:15px;color:#3e5e70;line-height:1.9;max-width:550px;margin-bottom:20px;opacity:1!important}
.hrp-package-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.hrp-package-pills span{font-size:11px;color:#315869;background:#f2f7f8;border:1px solid #dce8eb;border-radius:8px;padding:7px 10px}
.hrp-package-page .package-language-card{background:#f7faf9!important;border:1px solid #d4e5df!important;border-radius:14px!important;padding:16px!important;margin:0!important;box-shadow:none!important;display:grid;grid-template-columns:1fr 180px;gap:8px 18px;align-items:center;max-width:100%!important}
.hrp-package-page .package-language-card label{color:#17495a!important;font-size:13px!important;font-weight:600}.hrp-package-page .package-language-card select{background:#fff!important;color:#103f50!important;border:1px solid #b8d0c7!important;border-radius:10px!important;font-size:13px!important;padding:10px!important;height:44px;min-width:0}.hrp-package-page .package-language-card small{grid-column:1/-1;color:#5f777f!important;font-size:10px!important;line-height:1.7}
.hrp-package-purchase{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0 17px;border-bottom:1px solid #dce9e4;margin-bottom:12px}.hrp-package-purchase>div>span{display:block;font-size:11px;color:#5f7c87;margin-bottom:4px}.hrp-package-purchase strong{font-size:38px;font-weight:700;color:#124f72}.hrp-sar-price{display:inline-flex;align-items:center;gap:8px;color:inherit;line-height:1.35}.hrp-sar-price svg{width:.72em;height:.86em;flex:0 0 auto}.currency-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hrp-package-hint{font-size:10px;line-height:1.7;color:#607887;display:block;margin-top:12px}.hrp-package-image{position:relative;isolation:isolate;border-radius:26px;overflow:hidden;margin:0;min-width:0;aspect-ratio:1.04;background:#10374c;box-shadow:0 20px 55px -28px #10384b60}.hrp-package-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:65% 50%;animation:hrp-photo-drift 18s ease-in-out infinite alternate;opacity:1!important;filter:none!important}.hrp-package-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c3046b5,transparent 45%);pointer-events:none;z-index:1}.hrp-package-image figcaption{position:absolute;top:18px;inset-inline:18px;display:flex;align-items:center;justify-content:space-between;z-index:3}.hrp-package-image figcaption img{width:95px;height:52px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.hrp-package-image figcaption>span{font:700 14px Arial;color:#fff;background:#143c53ca;padding:9px 13px;border:1px solid #ffffff35;border-radius:9px}.hrp-photo-card{position:absolute;bottom:22px;inset-inline:22px;background:#fff;border-radius:15px;padding:17px 20px;z-index:3;box-shadow:0 12px 30px #082d4c22;animation:hrp-card-float 6s ease-in-out infinite}.hrp-photo-card span{font-size:11px;color:#587883;display:block;margin-bottom:4px}.hrp-photo-card b{font-size:18px;color:#124666;font-weight:600}.hrp-photo-card i{display:block;width:55%;height:4px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,#11a478 0%,#16a577 80%,#d8eee4 80%);animation:hrp-progress-light 4s ease-in-out infinite alternate}
.hrp-package-details{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;border-top:1px solid #e1ece8;padding-block:37px 55px}.hrp-package-details h2{font-size:25px;color:#173e53;margin:8px 0 19px}.hrp-package-details ul{list-style:none;padding:0;margin:0}.hrp-package-details li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;font-size:14px;line-height:1.8;color:#254e61}.hrp-package-details li>span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e8f6ed;color:#0e835d;font-size:12px;margin-top:3px}.hrp-availability{font-size:11px;color:#4f6d7a;margin-top:15px}.hrp-package-details aside{padding:24px;border-radius:20px;border:1px solid #dce9e3;background:#f8fbfa;align-self:start}.hrp-package-details h3{font-size:20px;font-weight:600;color:#16485a;margin:7px 0 18px}.hrp-package-details aside>a{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dbe8e3;background:#fff;padding:13px 15px;border-radius:11px;margin-top:9px;color:#355c6c;font-size:12px}.hrp-package-details aside>a.selected{background:#145b82;color:#fff;border-color:#145b82}.hrp-package-details aside b{font-size:19px}.hrp-package-details aside small{font-size:10px;color:#6b858b;display:block;margin-top:14px}.hrp-preview-inline{font-size:12px;color:#155b7d;border-bottom:1px dashed #5e9aaf;padding:6px 0}
html body #hrpPreviewNav{font-size:12px;background:#e8f6ef;border:1px solid #b7dfcd;color:#176c54;border-radius:9px;padding:8px 13px;white-space:nowrap}#hrpStudentPreviewBanner{position:fixed;top:88px;inset-inline:0;background:#e3f5eb;color:#145b43;border-bottom:1px solid #b1dbc6;z-index:195;display:flex;align-items:center;justify-content:center;gap:25px;padding:9px 20px;font-size:12px}#hrpStudentPreviewBanner button{font-weight:700;border-bottom:1px solid #145b43;color:#145b43}.hrp-student-preview{padding-top:130px!important}.hrp-preview-entry{padding-block:65px;text-align:center;min-height:65vh}.hrp-preview-entry>img{display:block;margin:0 auto 25px}.hrp-preview-entry h1{font-size:34px;color:#113c54;margin:18px 0}.hrp-preview-entry p{font-size:14px;color:#526e7c;max-width:650px;margin:0 auto 25px;line-height:1.9}.hrp-preview-entry small{display:block;font-size:11px;color:#617b86;margin-top:20px}.hrp-request{padding:12px;text-align:center}.hrp-request>img{margin:0 auto 22px}.hrp-request h2{font-size:25px;color:#164b64;margin-bottom:14px}.hrp-request p{color:#526f7e;font-size:14px;line-height:1.9;margin:15px 0}.hrp-request strong{display:block;font-size:38px;color:#145b82}.hrp-request .hrp-button{margin-top:10px}
/* Clear, photographic account entry. Source form validation, focus handling and auth remain intact. */
html body .auth-overlay{background:#092638aa;backdrop-filter:blur(8px)}html body .auth-dialog{width:min(980px,94vw)!important;max-width:980px!important;border-radius:25px!important;padding:0!important;background:#fff!important;overflow:hidden!important;max-height:94dvh!important;box-shadow:0 35px 100px #061c3b50!important}html body .auth-layout.auth-photo{display:grid!important;grid-template-columns:1fr .94fr!important;background:#fff!important;gap:0!important;min-height:600px!important}html body .auth-form-panel{padding:35px 39px!important;background:#fff!important;max-height:94dvh;overflow-y:auto}html body .auth-brand .lg img{width:115px;height:65px;object-fit:contain}html body .auth-eyebrow{color:#14785f!important;font-size:11px!important;margin-top:15px;display:block}html body #authTitle{font-size:31px!important;color:#103c54!important;font-weight:700!important;line-height:1.5!important;margin:10px 0!important}html body .auth-intro{color:#4d6b7a!important;font-size:13px!important;line-height:1.8!important}html body .auth-tabs{background:#edf5f4!important;border:1px solid #d7e7e1!important;border-radius:12px!important;padding:4px!important;margin-top:20px!important}html body .auth-tabs button{font-size:12px!important;color:#416371!important;border-radius:9px!important;font-weight:600!important}html body .auth-tabs button[aria-pressed=true]{background:#145b82!important;color:#fff!important;box-shadow:none!important}html body .auth-form-panel label.f>span{color:#163e51!important;font-size:12px!important;font-weight:600!important}html body .auth-form-panel input{background:#fff!important;color:#133f54!important;border:1px solid #bfcfd5!important;border-radius:10px!important;min-height:47px!important;box-shadow:none!important;font-size:13px!important}html body .auth-form-panel input::placeholder{color:#7d929c!important;opacity:1}html body .auth-form-panel input:focus{border-color:#147f63!important;box-shadow:0 0 0 3px #129c7015!important}html body .auth-submit{background:#145b82!important;color:#fff!important;border-radius:11px!important;min-height:48px;font-size:14px!important;box-shadow:none!important}html body .auth-submit:hover{background:#11765e!important}html body .auth-help,html body .auth-switch button{color:#126a89!important}html body .auth-switch,html body .auth-hint,html body .auth-method-note,html body .auth-browse{color:#5f7885!important;font-size:11px!important}html body .auth-photo-panel{position:relative!important;padding:0!important;background:#0c3049!important;min-height:600px!important;overflow:hidden!important;border-radius:0!important;isolation:isolate}html body .auth-professional-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:64% 50%!important;opacity:1!important;filter:none!important;animation:hrp-photo-drift 20s ease-in-out infinite alternate!important}html body .auth-photo-panel::before{display:none!important}html body .auth-photo-panel::after{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(0deg,#092c47e8,transparent 58%)!important;pointer-events:none}html body .auth-photo-caption{position:absolute!important;bottom:0!important;inset-inline:0!important;padding:32px!important;z-index:2!important;background:none!important;color:#fff!important}html body .auth-photo-caption>span{color:#acf0cc!important;font-size:11px!important;letter-spacing:0!important}html body .auth-photo-caption h3{color:#fff!important;font-size:30px!important;font-weight:600!important;line-height:1.55!important;margin:10px 0!important;opacity:1!important}html body .auth-photo-caption p{color:#e2f0f5!important;font-size:12px!important;line-height:1.8!important}html body .auth-photo-caption small{color:#c6dade!important;font-size:9px!important}html body .auth-scenes,html body .auth-scene-controls{display:none!important}html body .auth-close{position:absolute!important;top:12px!important;inset-inline-end:13px!important;color:#174656!important;background:#ffffffed!important;z-index:12!important;border:1px solid #d7e5e4!important;border-radius:50%!important;width:32px;height:32px;font-size:25px!important;line-height:1!important}
html body .course-cover.v42-course-cover{position:relative;overflow:hidden;background:#10384f!important}html body .course-cover.v42-course-cover .hrp-interior-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 42%;animation:hrp-photo-drift 20s ease-in-out infinite alternate;opacity:1;filter:none}html body .course-cover.v42-course-cover::after{background:linear-gradient(0deg,#102f47c9,transparent 60%)!important}html body .course-cover.v42-course-cover .course-cover-in{position:relative;z-index:2;color:#fff}html body .course-cover.v42-course-cover .course-code-xl{color:#fff!important}.hrp-package-page~*{opacity:1}
@keyframes hrp-photo-drift{from{transform:scale(1)}to{transform:scale(1.055) translateY(-4px)}}@keyframes hrp-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hrp-progress-light{from{width:45%}to{width:75%}}
@media(max-width:1000px){.hrp-package-intro{gap:35px}.hrp-package-page h1{font-size:34px}.hrp-package-details{gap:35px}.hrp-package-image{aspect-ratio:.9}.hrp-package-purchase strong{font-size:34px}}
@media(max-width:760px){.hrp-package-intro{grid-template-columns:1fr;gap:30px;padding-block:30px}.hrp-package-copy{order:1}.hrp-package-image{order:0;aspect-ratio:1.6;max-height:350px}.hrp-package-image>img{object-position:65% 40%}.hrp-photo-card{inset-inline-start:auto;inset-inline-end:15px;bottom:15px;padding:13px 16px;width:220px}.hrp-photo-card b{font-size:15px}.hrp-package-page h1{font-size:30px}.hrp-package-page h2{font-size:22px}.hrp-package-details{grid-template-columns:1fr;gap:25px;padding-block:30px 40px}.hrp-package-details li{font-size:13px}.hrp-package-details h2{font-size:23px}.hrp-package-details aside{padding:20px}.hrp-package-purchase{gap:15px}.hrp-package-purchase strong{font-size:33px}.hrp-package-purchase .hrp-button{flex-shrink:0}.hrp-package-page .package-language-card{grid-template-columns:1fr 155px;padding:13px!important}.hrp-package-page .package-language-card small{font-size:10px!important}html body .auth-dialog{width:min(520px,95vw)!important;overflow-y:auto!important;max-height:95dvh!important;border-radius:20px!important}html body .auth-layout.auth-photo{grid-template-columns:1fr!important;min-height:0!important}html body .auth-photo-panel{order:0;min-height:185px!important;height:185px!important}html body .auth-form-panel{order:1;padding:25px!important;max-height:none;overflow-y:visible}html body .auth-professional-photo{object-position:63% 36%!important}html body .auth-photo-caption{padding:16px 22px!important;max-width:68%}html body .auth-photo-caption h3{font-size:23px!important;margin:4px 0!important}html body .auth-photo-caption p,html body .auth-photo-caption small{display:none}html body .auth-photo-panel::after{background:linear-gradient(90deg,#0b2e48bb,transparent 85%)!important}html body #authTitle{font-size:27px!important}.hrp-preview-entry h1{font-size:28px}.hrp-preview-entry p{font-size:13px}}
@media(max-width:560px){:root{--hdr:74px!important}.hrp-package-image{aspect-ratio:1.36}.hrp-package-image figcaption img{width:80px;height:45px}.hrp-package-image figcaption>span{font-size:12px;padding:7px 10px}.hrp-package-copy>p{font-size:13px}.hrp-package-pills span{font-size:10px}.hrp-package-label{font-size:11px}.hrp-package-purchase strong{font-size:31px}.hrp-package-page .package-language-card{grid-template-columns:1fr}.hrp-package-page .package-language-card select{width:100%}.hrp-package-purchase .hrp-button{min-width:130px}.hrp-package-crumb{font-size:11px;margin-bottom:17px}#hrpStudentPreviewBanner{top:74px;font-size:10px;gap:12px;padding:9px 12px}.hrp-student-preview{padding-top:117px!important}html body #hrpPreviewNav{font-size:12px}.hrp-package-details li{font-size:12px}.hrp-preview-entry{padding-block:38px}}
@media(prefers-reduced-motion:reduce){html body .auth-professional-photo,.hrp-package-image>img,.hrp-photo-card,.hrp-photo-card i,html body .hrp-interior-photo{animation:none!important;transform:none!important}}
html body .auth-professional-photo{z-index:0!important}html body .auth-photo-panel::after{z-index:1!important}html body .auth-photo-caption{z-index:3!important}
.hrp-package-page .package-language-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,180px)!important;align-items:center!important}
.hrp-package-page .package-language-card select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}
@media(max-width:760px){.hrp-package-page .package-language-card{grid-template-columns:minmax(0,1fr)!important}}
