/* Moroccan geometry meets the visual language of health sciences. */
:root{--science-teal:#4d7975;--warm-ivory:#f6f2e9}
.ui-icon{display:block;flex:none}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 0 2%,#d8e6e53b,transparent 32%),radial-gradient(ellipse at 100% 35%,#e8d9b53b,transparent 35%)}
.hero{isolation:isolate}
.hero:after{content:'';position:absolute;inset:0 -20px 0 30%;background:url('/assets/science-network.svg') center/contain no-repeat;opacity:.19;z-index:-1;pointer-events:none}
.hero-visual:before{border-radius:48% 48% 12px 12px / 32% 32% 12px 12px;inset:-13px 12px 42px -13px}
.hero-photo{border-radius:48% 48% 10px 10px / 32% 32% 10px 10px}
.hero-seal{border:0;outline:0;background:transparent;transform:rotate(7deg)}
.hero-seal:before{content:'';position:absolute;inset:-11px;background:url('/assets/moroccan-seal.svg') center/contain no-repeat;z-index:-1;pointer-events:none}
.intro-strip{background-color:#f0ece2;background-image:linear-gradient(#faf9f5e6,#faf9f5e6),url('/assets/zellige.svg');background-size:auto,92px;border-top:1px solid #c5a05040;border-bottom:1px solid #c5a05040}
.section-heading .eyebrow:before,.cta .eyebrow:before{width:19px;height:19px;background:url('/assets/moroccan-seal.svg') center/contain no-repeat}
.formations-section{position:relative}
.formations-section:before{content:'';position:absolute;inset:40px auto auto 0;width:160px;height:160px;background:url('/assets/zellige.svg') center/112px;opacity:.1;mask-image:linear-gradient(135deg,#000,transparent 80%);pointer-events:none;z-index:-1}
.course-card{border-color:#dce2e4;box-shadow:0 4px 20px #14294c03}
.course-icon-link{position:relative;background:linear-gradient(135deg,#eef4f3a6,transparent 70%)}
.course-icon-link:after{content:'';position:absolute;inset-block-start:-14px;inset-inline-end:-8px;width:116px;height:116px;background:url('/assets/zellige.svg') center/116px;opacity:.19;mask-image:linear-gradient(45deg,transparent,#000);pointer-events:none}
.course-icon{position:relative;border-color:#c5a0505c;background:linear-gradient(145deg,#f8f4e9,#edf3f5);border-radius:23px 7px 23px 7px;color:var(--blue)}
.course-card:nth-child(2n) .course-icon{background:linear-gradient(145deg,#f0f6f3,#e8efed);color:#3f6b67;border-color:#4d79754a}
.course-card:hover .course-icon{transform:translateY(-2px) rotate(-3deg)}
.course-index{position:relative;z-index:1;color:#8c9aab;font-size:29px}
.advantages-section{background-color:#14294c;background-image:radial-gradient(ellipse at 0 100%,#355d6773,transparent 68%)}
.advantages-section:after{content:'';top:0;right:0;width:340px;height:100%;font-size:0;background:url('/assets/zellige.svg') 0 0/112px;opacity:.13;mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}
.advantage-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #c5a0506b;border-radius:15px 4px 15px 4px;background:#ffffff06;color:#e4c984}
.advantage-icon .ui-icon{width:27px;height:27px}
.advantages .number{align-items:center;margin-bottom:19px}
.split .rounded{border-radius:70px 8px 8px 8px;border-color:#fffdf8;box-shadow:-9px 9px 0 #e9dfc933,0 12px 45px #14294c0b}
.gallery figure:after{content:'';position:absolute;inset:0;border:1px solid #c5a05040;border-radius:inherit;pointer-events:none}
.gallery figure:before{content:'';position:absolute;z-index:1;top:14px;right:14px;width:37px;height:37px;background:url('/assets/moroccan-seal.svg') center/contain no-repeat;opacity:.85;pointer-events:none}
.cta{background-color:#eee6d5;background-image:linear-gradient(110deg,#f4efe4,#eee6d5);border-color:#daceb2}
.cta:after{content:'';inset:0 0 0 auto;width:32%;font-size:0;background:url('/assets/zellige.svg') 0 0/98px;opacity:.21;mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}
.cta>div{position:relative;z-index:1}
.page-heading{background-color:var(--navy);background-image:linear-gradient(100deg,#14294c 30%,#21414ed9)}
.page-heading:before{content:'';position:absolute;inset:0 0 0 auto;width:45%;background:url('/assets/science-network.svg') center/cover no-repeat;opacity:.17;pointer-events:none}
.page-heading:after{content:'';position:absolute;inset:auto 0 0;height:16px;background:url('/assets/zellige.svg') center/72px;opacity:.38;border-top:1px solid #c5a05055;pointer-events:none}
.page-heading>.container{z-index:1}
.heading-seal{border:0;outline:0;border-radius:0;transform:rotate(7deg);background:url('/assets/moroccan-seal.svg') center/contain no-repeat;color:var(--ink);width:145px;height:145px;line-height:1.5}
.heading-seal b{color:#a78538}
.course-detail-icon{background-color:#f2f5f0;background-image:linear-gradient(#f2f5f0e8,#f2f5f0e8),url('/assets/zellige.svg');background-size:auto,96px}
.contact-info h3{display:flex;align-items:center;gap:10px;color:#506c70}
.contact-info h3 .ui-icon{width:20px;height:20px;color:#a0803c}
.registration{background-image:linear-gradient(#ffffffed,#ffffffed),url('/assets/science-network.svg');background-size:auto,cover;background-position:center}
footer{position:relative;isolation:isolate;background-color:#10213e;background-image:radial-gradient(ellipse at 100% 100%,#244b5370,transparent 65%)}
footer:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/zellige.svg') right top/126px;opacity:.065;mask-image:linear-gradient(to left,#000,transparent 80%);pointer-events:none}
footer:after{content:'';position:absolute;inset:0 0 auto;height:10px;background:url('/assets/zellige.svg') center/68px;opacity:.55;pointer-events:none}
.footer-grid>div>a.footer-icon-link{display:flex;align-items:flex-start;gap:9px}
.footer-icon-link>svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;color:#d4b770}
.copyright{position:relative}
html[lang=ar] .hero:after{inset:0 30% 0 -20px}
html[lang=ar] .hero-visual:before{border-radius:48% 48% 12px 12px / 32% 32% 12px 12px;inset:-13px -13px 42px 12px}
html[lang=ar] .hero-photo{border-radius:48% 48% 10px 10px / 32% 32% 10px 10px}
html[lang=ar] .split .rounded{border-radius:8px 70px 8px 8px}
html[lang=ar] .page-heading:before,html[lang=ar] .cta:after{left:0;right:auto}
html[lang=ar] .cta:after{mask-image:linear-gradient(to right,#000,transparent)}
html[lang=ar] .footer-icon-link>svg{margin-top:5px}
@media(max-width:800px){.hero:after{inset:5% 0 auto auto;width:260px;height:350px;opacity:.12}.hero-visual:before{inset:-10px 12px 48px -10px}.hero-photo{border-radius:45% 45% 8px 8px / 28% 28% 8px 8px}.hero-seal:before{inset:-7px}.course-index{font-size:25px}.page-heading:before{width:50%}.advantages-section:after{width:220px}.advantage-icon{width:43px;height:43px}.advantage-icon .ui-icon{width:24px;height:24px}.heading-seal{width:90px;height:90px}.cta:after{width:45%;opacity:.15}html[lang=ar] .hero:after{inset:5% auto auto 0}html[lang=ar] .hero-visual:before{inset:-10px -10px 48px 12px}html[lang=ar] .hero-photo{border-radius:45% 45% 8px 8px / 28% 28% 8px 8px}}
@media(max-width:480px){.hero:after{width:180px;height:280px;opacity:.1}.hero-visual:before{inset:-9px 9px 58px -9px}.hero-photo{border-radius:43% 43% 7px 7px / 24% 24% 7px 7px}.hero-seal:before{inset:-6px}.course-icon-link:after{width:100px;height:100px;background-size:100px}.course-icon{border-radius:19px 6px 19px 6px}.advantages-section:after{width:150px;opacity:.09}.split .rounded{border-radius:45px 7px 7px 7px}.page-heading:before{width:60%;opacity:.12}.page-heading:after{height:12px;background-size:64px}.gallery figure:before{width:31px;height:31px;top:12px;right:12px}.cta:after{width:55%;opacity:.1}.footer-grid>div>a.footer-icon-link{gap:7px}.footer-icon-link>svg{width:14px;height:14px;flex-basis:14px}html[lang=ar] .hero-visual:before{inset:-9px -9px 58px 9px}html[lang=ar] .hero-photo{border-radius:43% 43% 7px 7px / 24% 24% 7px 7px}html[lang=ar] .split .rounded{border-radius:7px 45px 7px 7px}}
