/* ICA Premium Interface — progressive, lightweight and RTL first. */
:root{--ica-ink:#102940;--ica-midnight:#081a30;--ica-ocean:#184f76;--ica-gold:#e5bd70;--ica-gold-dark:#9b6e2c;--ica-frost:#f5f8fc;--ica-shadow:0 22px 62px rgba(9,36,65,.12);--navy:#102f4f;--deep:#081b32;--gold:#ddb76d;--paper:#f4f7fb;--ink:#102c45;--line:#dde6ee}
html{scroll-padding-top:110px}
body{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic","Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;font-weight:450;line-height:1.85;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:"Noto Kufi Arabic","IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif;font-weight:800;line-height:1.45;letter-spacing:-.025em}
p{line-height:1.95}
.container{max-width:1320px}
.topline{background:#06182b;border-bottom:1px solid rgba(231,201,148,.1);font-size:12px;letter-spacing:.01em}
header{background:rgba(248,251,255,.94);border-bottom:1px solid rgba(209,222,234,.78);box-shadow:0 8px 35px rgba(9,32,58,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{min-height:86px;gap:20px}
.brand{font-size:16px;gap:10px;line-height:1.5;max-width:360px}
.brand img{width:60px;height:60px;border-radius:18px;box-shadow:0 6px 19px #112a4730;border:1px solid rgba(210,173,105,.48);object-fit:contain;background:#fff}
.brand span{max-width:275px}
.brand small{font-size:9px;letter-spacing:1.15px;color:#667e90}
nav{gap:5px;flex-wrap:nowrap;font-size:13px}
nav>a:not(.button){padding:12px 10px;border-radius:11px;position:relative;white-space:nowrap;color:#24435c;font-weight:700;transition:color .25s,background .25s}
nav>a:not(.button):hover,nav>a:not(.button)[aria-current="true"]{background:#e9f1f8;color:#0b3f69}
nav>a:not(.button)::after{content:"";position:absolute;inset-inline:18px;bottom:5px;height:2px;border-radius:3px;background:#bf9247;transform:scaleX(0);transition:transform .26s}
nav>a:not(.button):hover::after,nav>a:not(.button)[aria-current="true"]::after{transform:scaleX(1)}
.button,nav>.button,.outline-button,.course-detail-action,.course-cta{border-radius:13px;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,background .22s,border-color .2s}
.button{background:linear-gradient(135deg,#153d60,#0e2848);box-shadow:0 10px 24px rgba(8,31,59,.16)}
.button:hover{background:linear-gradient(135deg,#205c86,#12385d);transform:translateY(-3px);box-shadow:0 14px 26px rgba(8,31,59,.24)}
.button.gold{background:linear-gradient(130deg,#f8dfa1,#d3a256);color:#162c42;box-shadow:0 13px 31px rgba(197,144,54,.23)}
.button.gold:hover{background:linear-gradient(130deg,#ffe5ac,#deb06d);box-shadow:0 16px 33px rgba(197,144,54,.32)}
nav>.button.small{min-height:43px;padding:9px 14px;white-space:nowrap;font-size:12px}
.hero{isolation:isolate;position:relative;overflow:clip;background:radial-gradient(circle at 79% 12%,rgba(37,110,164,.42),transparent 37%),radial-gradient(circle at 16% 83%,rgba(160,114,57,.22),transparent 43%),linear-gradient(127deg,#06172d 0%,#0c2846 50%,#123a5b 100%);padding-top:90px}
.hero:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(115deg,transparent 0,transparent 85px,rgba(255,255,255,.03) 86px,transparent 87px);transform:rotate(12deg);pointer-events:none;z-index:-1}
.hero:after{content:"";position:absolute;inline-size:730px;block-size:730px;border-radius:50%;border:1px solid rgba(238,203,131,.19);box-shadow:0 0 0 58px rgba(206,178,117,.02),0 0 0 118px rgba(206,178,117,.025);inset-inline-end:-300px;top:-180px;pointer-events:none;z-index:-1;animation:ica-orbit-breathe 11s ease-in-out infinite alternate}
.hero-grid{gap:74px;align-items:center;position:relative;z-index:1}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{color:#f2d58c;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(227,198,122,.26);width:max-content;max-width:100%;padding:8px 16px;font-size:12px;margin-bottom:19px}
.hero h1{font-size:clamp(38px,4.6vw,68px);font-weight:850;line-height:1.3;letter-spacing:-.035em;text-wrap:balance;max-width:720px;margin:10px 0 22px;background:linear-gradient(115deg,#fff 25%,#fce4ac 80%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{color:#d2e0ed;max-width:565px;font-size:17px}
.hero-focus{background:linear-gradient(100deg,rgba(255,255,255,.075),rgba(255,255,255,.015));border:1px solid rgba(219,237,248,.15);border-inline-start:3px solid #edc779;border-inline-end:none;border-radius:15px;padding:14px 18px 15px;margin-top:30px;max-width:570px;backdrop-filter:blur(8px)}
.hero-focus .tag{color:#f0c881}
.hero-focus strong{font-size:20px;color:#fff}
.hero-focus>span:last-child{color:#d2deeb}
.actions{gap:19px;margin-top:34px}
.actions .button{min-height:57px;padding-inline:27px}
.hero .text-link{color:#eef4ff;border-color:#d2b77b;font-weight:700;padding:8px 3px}
.hero-photo{position:relative;overflow:visible;isolation:isolate;border:1px solid rgba(251,223,165,.27);border-radius:23px;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);box-shadow:0 32px 60px rgba(0,12,30,.44),-24px 18px 0 -14px rgba(229,183,106,.15);transition:transform .5s ease,box-shadow .5s ease;transform-style:preserve-3d;will-change:transform}
.hero-photo:before{content:"";position:absolute;inset:-17px;border:1px solid rgba(231,190,119,.22);border-radius:33px;z-index:-1;transform:translateZ(-35px);pointer-events:none}
.hero-photo>img,.hero-photo>.hero-no-image{width:100%;aspect-ratio:1.13;object-fit:cover;border-radius:23px 23px 0 0;filter:saturate(1.04)}
.hero-photo figcaption{position:relative;background:rgba(7,26,47,.97);border-radius:0 0 23px 23px;padding:19px 25px}
.hero-photo .year b{color:#f5d18b}
.ica-hero-hud{position:absolute;inset:0;pointer-events:none;z-index:2;transform-style:preserve-3d}
.ica-float-card{display:flex;gap:11px;align-items:center;position:absolute;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:11px 16px;color:#0d314e;box-shadow:0 15px 34px rgba(2,22,43,.23);backdrop-filter:blur(13px);transform:translateZ(70px);animation:ica-float 6s ease-in-out infinite}
.ica-float-card small{display:block;color:#587083;font-size:11px;line-height:1.6}
.ica-float-card strong{display:block;font-size:13px;line-height:1.5}
.ica-float-card .ica-float-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#153f62,#2f7596);color:#fff;font-size:21px}
.ica-float-card.one{top:10%;inset-inline-start:-40px}
.ica-float-card.two{bottom:22%;inset-inline-end:-47px;animation-delay:-2.7s}
.hero-bottom{margin-top:76px;border-top:1px solid rgba(255,255,255,.15);padding-block:24px 29px;font-size:13px;color:#d9e8f4;position:relative}
.hero-bottom span{font-weight:650}
.section{padding:96px 0}
.section-heading h2,.ica-section-head h2{font-size:clamp(28px,3.5vw,47px);font-weight:850;line-height:1.36;letter-spacing:-.035em}
.section-heading h2 span{color:#99702e;font-weight:750}
.eyebrow{font-size:12px;letter-spacing:.025em;color:#98702a;font-weight:800}
.ica-journeys{background:linear-gradient(180deg,#fff,#f2f7fb);padding-top:95px;padding-bottom:108px;position:relative;overflow:hidden}
.ica-journeys:before{content:"";position:absolute;inset-inline-end:-150px;top:-150px;width:380px;height:380px;background:radial-gradient(circle,#c8def2aa,transparent 70%);pointer-events:none}
.ica-section-head{text-align:center;max-width:745px;margin:0 auto 37px;position:relative}
.ica-section-head h2{color:#102f4d;margin:7px 0 14px}
.ica-section-head p:last-child{color:#60768a;font-size:16px;max-width:580px;margin:0 auto}
.ica-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1100px}
.ica-journey-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:290px;padding:25px 24px 22px;background:linear-gradient(155deg,#ffffff 20%,#f3f9fd 100%);border:1px solid #d8e5ee;border-radius:23px;box-shadow:0 12px 27px rgba(16,50,77,.07);overflow:hidden;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s,border-color .3s;will-change:transform}
.ica-journey-card:before{content:"";position:absolute;inset-inline-end:-58px;top:-64px;width:180px;height:180px;border-radius:38%;background:radial-gradient(circle,#dcebf6,#c4deee);opacity:.56;transform:translateZ(-10px) rotate(30deg);z-index:-1}
.ica-journey-card:after{content:"";position:absolute;bottom:-20px;inset-inline-start:-40px;width:110px;height:110px;border:1px solid rgba(166,118,56,.17);border-radius:50%;z-index:-1}
.ica-journey-card:hover,.ica-journey-card:focus-visible{border-color:#bb9b61;box-shadow:0 26px 46px rgba(16,50,77,.15);transform:perspective(950px) rotateX(var(--ica-tilt-x,0deg)) rotateY(var(--ica-tilt-y,0deg)) translateY(-7px)}
.ica-journey-card .ica-journey-no{font-size:12px;letter-spacing:.16em;color:#a48045;font-family:system-ui,sans-serif;font-weight:800}
.ica-journey-card .ica-journey-symbol{width:55px;height:55px;display:grid;place-items:center;font-size:26px;color:#f5d291;border-radius:17px;background:linear-gradient(140deg,#113d60,#21638a);box-shadow:0 10px 20px rgba(23,62,95,.24);margin:25px 0 21px}
.ica-journey-card h3{font-size:17px;font-weight:850;color:#123754;margin-bottom:7px;line-height:1.5}
.ica-journey-card p{font-size:13px;color:#5e7485;line-height:1.9;flex:1}
.ica-journey-link{font-size:13px;font-weight:800;color:#986e2d;margin-top:18px}
.ica-journey-card:nth-child(2) .ica-journey-symbol{background:linear-gradient(140deg,#6f4676,#9a6e9f)}
.ica-journey-card:nth-child(3) .ica-journey-symbol{background:linear-gradient(140deg,#135d65,#2d8784)}
.ica-journey-card:nth-child(4) .ica-journey-symbol{background:linear-gradient(140deg,#9b623b,#c39a56)}
.programs{background:linear-gradient(180deg,#f2f7fb,#f8fafc);border:0}
.programs .section-heading{align-items:flex-end}
.programs .catalog-tools{background:#fff;border:1px solid #e0e9f0;padding:17px 21px;border-radius:20px;box-shadow:0 13px 32px rgba(8,42,68,.055)}
.search-label{font-weight:700;color:#314f66}
.search-label input{border-radius:12px;border-color:#d6e3ed;min-height:54px;transition:border-color .2s,box-shadow .2s}
.search-label input:focus{border-color:#c69b56;box-shadow:0 0 0 4px #d8ab581e;outline:none}
.outline-button{background:#f5f8fb;border-color:#d5e1eb;color:#173a57;font-weight:750}
.outline-button:hover{background:#e7f0f8;transform:translateY(-2px)}
.course-grid{gap:20px;perspective:1600px}
.course-card{border:1px solid #dfe8ef;border-radius:20px;box-shadow:0 10px 30px rgba(9,37,61,.055);transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden;background:linear-gradient(160deg,#fff,#f9fcfe)}
.course-card:hover{transform:translateY(-5px);border-color:#cdb68b;box-shadow:0 21px 42px rgba(9,37,61,.12)}
.course-card[open]{background:#fff;border-color:#d0ad70;box-shadow:0 19px 44px rgba(9,37,61,.1)}
.course-card>summary{min-height:130px;padding:22px 24px;position:relative}
.category-no{font-size:13px;color:#956b34;background:#fbf1dc;border:1px solid #ebd7aa;border-radius:13px;min-width:43px;height:43px;display:grid;place-items:center;padding:0;font-weight:800;box-shadow:0 6px 13px #a27b2920}
.category-copy h3{font-size:19px;font-weight:800;color:#173753}
.category-copy>span{color:#71869a;font-size:13px}
.plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf4f7;font-size:23px;color:#4d718b}
.course-card[open] .plus{background:#fbefd9;color:#ae8038}
.course-content{padding:6px 23px 23px}
.course-card[open]>.course-content{animation:ica-reveal-panel .4s ease both}
.course-group .cms-course-detail{border-radius:14px;border-color:#e2eaf0;transition:transform .25s,box-shadow .25s,border-color .25s}
.course-group .cms-course-detail:hover{transform:translateY(-2px);border-color:#ccb58d;box-shadow:0 8px 20px #09294412}
.course-info[open] .course-expanded{animation:ica-reveal-panel .34s ease both}
.course-info-toggle .course-thumb,.course-thumb-placeholder{border-radius:12px}
.course-info-title>strong{font-family:inherit;font-size:15px;color:#163b59}
.course-cta{display:inline-flex;background:#173b59;color:#fff;padding:11px 17px;font-size:13px;box-shadow:0 8px 19px #142f441c}
.course-cta:hover{transform:translateY(-2px);background:#235b7c}
.ica-credentials article,.partner-grid>*,.partners-grid>*,.cms-post,.graduate-entry,.brand-panel,.about-stat,.offer{border-radius:19px;box-shadow:0 12px 28px rgba(6,40,69,.06)}
.enroll-strip{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 86% 10%,#246187a3,transparent 44%),linear-gradient(120deg,#09233c,#163a57)}
.enroll-strip:before{content:"";position:absolute;inset-inline-end:-80px;top:-130px;width:430px;height:430px;border:1px solid #eccb8140;border-radius:50%;box-shadow:0 0 0 50px #e1bc6a08;pointer-events:none}
.enroll-content{position:relative}
.ai-small{background:linear-gradient(120deg,#ecf4fa,#fff)}
.graduates-section{background:linear-gradient(160deg,#fff9ec,#f7f9fb)}
.graduate-entry{border-radius:16px;transition:transform .25s,box-shadow .25s}
.graduate-entry:hover{transform:translateY(-4px);box-shadow:0 17px 31px #182f4a19}
.about,.partners,.section:not(.hero){scroll-margin-top:110px}
.brand-panel{background:radial-gradient(circle at 50% 10%,#316484,#0b2d4c);overflow:hidden}
footer{background:#081b2f}
#ica-float-advisor .ica-fab{box-shadow:0 15px 35px rgba(5,35,62,.28);border-radius:22px}
#ica-float-advisor .ica-advisor-window{box-shadow:0 25px 65px rgba(1,28,52,.26);border-radius:22px}
.ica-reveal{transition:opacity .75s cubic-bezier(.2,.65,.2,1),transform .75s cubic-bezier(.2,.65,.2,1)}
.ica-motion .ica-reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
.ica-motion .ica-reveal.is-visible{opacity:1;transform:translateY(0)}
.ica-journey-card.ica-reveal:not(.is-visible){transform:translateY(30px)}
.ica-journey-card.ica-reveal.is-visible{transition-delay:var(--ica-stagger,0ms)}
@keyframes ica-orbit-breathe{to{transform:scale(1.07) rotate(7deg);opacity:.6}}
@keyframes ica-float{0%,100%{transform:translateY(0) translateZ(70px)}50%{transform:translateY(-13px) translateZ(70px)}}
@keyframes ica-reveal-panel{from{opacity:.15;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1120px) and (hover:hover){.hero-photo:hover{transform:perspective(1600px) rotateY(-1deg) rotateX(0);box-shadow:0 42px 75px rgba(0,12,30,.48)}}
@media(max-width:1230px){.header-inner{gap:9px}.brand{font-size:14px}.brand img{width:52px;height:52px}.brand small{font-size:8px}nav{gap:1px}nav>a:not(.button){padding:9px 7px;font-size:12px}}
@media(max-width:1050px){.ica-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:35px}.hero-photo{transform:none}.ica-float-card.one{inset-inline-start:-12px}.ica-float-card.two{inset-inline-end:-12px}.hero h1{font-size:clamp(36px,5vw,52px)}}
@media(max-width:800px){.header-inner{min-height:74px}.menu-toggle{border:1px solid #d8e3ec;background:#f5f8fb;border-radius:12px;padding:9px 12px;color:#12354e;font-weight:750}.hero{padding-top:48px}.hero-grid{gap:39px}.hero-photo{max-width:620px;width:100%;margin:0 auto;transform:none}.hero-bottom{margin-top:43px}.ica-journeys{padding-block:65px 75px}.section{padding-block:65px}.course-card:hover{transform:none}nav{box-shadow:0 24px 35px rgba(14,37,59,.14);border:1px solid #e0e8ef;border-radius:15px;padding:10px;background:#fff}nav>a:not(.button){font-size:14px;padding:11px 14px}.ica-float-card{padding:9px 11px}.ica-float-card strong{font-size:12px}.ica-float-card small{font-size:10px}}
@media(max-width:570px){.container{padding-inline:20px}.brand{font-size:12px}.brand small{font-size:7px;letter-spacing:.4px}.brand img{width:43px;height:43px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero-copy>p{font-size:15px}.hero-focus strong{font-size:17px}.hero-focus{padding:13px;margin-top:22px}.actions{gap:14px}.actions .button{width:100%}.hero .text-link{text-align:center;width:100%;display:block}.hero-photo{border-radius:18px}.hero-photo>img{border-radius:18px 18px 0 0}.hero-photo figcaption{border-radius:0 0 18px 18px;padding:14px}.ica-float-card{position:absolute;transform:none;animation:none}.ica-float-card.one{top:7%;inset-inline-start:3%}.ica-float-card.two{bottom:26%;inset-inline-end:2%}.ica-float-card .ica-float-icon{width:29px;height:29px;font-size:15px}.hero-bottom{grid-template-columns:repeat(2,1fr);row-gap:16px;padding-block:21px}.hero-bottom span:nth-child(3){border-right:0}.ica-journey-grid{grid-template-columns:1fr;gap:13px}.ica-journey-card{min-height:230px;padding:22px}.ica-journey-card .ica-journey-symbol{margin:14px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:29px}.programs .catalog-tools{padding:15px}.course-card>summary{min-height:110px;padding:16px}.course-grid{gap:13px}}
@media(hover:none),(pointer:coarse){.ica-journey-card:hover{transform:none}.ica-journey-card{will-change:auto}.hero-photo{will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero:after,.ica-float-card{animation:none!important}.ica-reveal,.ica-motion .ica-reveal{opacity:1!important;transform:none!important;transition:none!important}.ica-journey-card,.course-card,.hero-photo,.button{transition:none!important;transform:none!important}.course-card[open]>.course-content,.course-info[open] .course-expanded{animation:none!important}}