@theme inline {
  --color-background: oklch(0.985 0.006 85); --color-foreground: oklch(0.22 0.025 250); --color-card: oklch(1 0 0); --color-card-foreground: oklch(0.22 0.025 250); --color-primary: oklch(0.34 0.055 250); --color-primary-foreground: oklch(0.98 0.004 90); --color-muted: oklch(0.95 0.012 85); --color-muted-foreground: oklch(0.47 0.02 250); --color-border: oklch(0.89 0.015 85); --color-accent: oklch(0.79 0.13 85); --color-accent-foreground: oklch(0.22 0.025 250); --font-sans: "IBM Plex Sans Arabic", sans-serif;
}

:root { color-scheme: light; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; min-width: 320px; color: #14233a; background: #f3efe6; font-family: "IBM Plex Sans Arabic", sans-serif; } button, input, textarea, select { font: inherit; } button { cursor: pointer; } a { color: inherit; text-decoration: none; } .font-display,.display-heading { font-family: "Alexandria", "IBM Plex Sans Arabic", sans-serif; } .site-width { width: min(1216px, calc(100% - 64px)); margin: 0 auto; }

/* Premium public experience */
.academy-site { overflow-x: hidden; overflow-y: auto; background: #f3efe6; }.academy-nav { position: sticky; z-index: 60; top: 0; border-bottom: 1px solid rgba(12,30,54,.08); background: rgba(243,239,230,.92); backdrop-filter: blur(18px); }.academy-nav-inner { height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }.academy-mark { display: flex; align-items: center; gap: 11px; }.academy-mark img { width: 48px; height: 48px; object-fit: contain; }.academy-mark span { display: grid; gap: 2px; }.academy-mark b { color: #132640; font-size: 14px; }.academy-mark small { color: #8c7a5b; direction: ltr; text-align: right; font: 700 8px/1 "Alexandria"; letter-spacing: .09em; }.academy-nav-links { display: flex; gap: 32px; color: #607083; font-size: 13px; }.academy-nav-links a { transition: color .18s ease; }.academy-nav-links a:hover { color: #b98b3c; }.academy-nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; background: #132b4c; color: #fff; font-size: 12px; font-weight: 700; transition: background .18s ease, transform .18s ease; }.academy-nav-cta:hover { background: #24517b; }.academy-nav-cta:active,.academy-button:active { transform: scale(.97); }

.premium-hero { position: relative; min-height: 650px; padding: 86px 0 88px; color: #f8f3e8; background: #07172b; isolation: isolate; }.hero-noise { position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg,black,transparent 73%); }.hero-halo { position: absolute; z-index: -1; border: 1px solid rgba(211,177,102,.22); border-radius: 50%; }.hero-halo-one { width: 770px; height: 770px; top: -360px; left: -260px; box-shadow: 0 0 0 64px rgba(211,177,102,.025),0 0 0 160px rgba(211,177,102,.018); }.hero-halo-two { width: 430px; height: 430px; bottom: -270px; right: -100px; border-color: rgba(157,199,214,.16); }.premium-hero-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 70px; align-items: center; }.hero-overline { display: flex; align-items: center; gap: 12px; color: #d7b15e; font: 700 10px "Alexandria"; letter-spacing: .14em; direction: ltr; }.hero-overline i { width: 70px; height: 1px; background: #d7b15e; }.hero-copy h1 { margin: 27px 0 19px; max-width: 720px; color: #f8f3e8; font-family: "Alexandria", sans-serif; font-size: clamp(45px,5.6vw,78px); line-height: 1.18; letter-spacing: -.06em; }.hero-copy h1 em,.display-heading em { color: #d7b15e; font-style: normal; }.hero-lead { max-width: 660px; margin: 0; color: #b8c6d5; font-size: 16px; line-height: 2.05; }.hero-entry-note { display: flex; gap: 13px; max-width: 630px; margin: 31px 0 28px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); color: #d7b15e; }.hero-entry-note>div { display: grid; gap: 4px; color: #edf1f5; font-size: 13px; }.hero-entry-note span { color: #9eafc2; }.hero-entry-note b { color: #f1dc9f; direction: ltr; display: inline-block; }.hero-actions { display: flex; align-items: center; gap: 23px; }.academy-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 0 21px; border: 1px solid transparent; font-size: 13px; font-weight: 800; transition: transform .18s cubic-bezier(.23,1,.32,1), background .18s ease, border-color .18s ease; }.academy-button-gold { background: #d7b15e; color: #112845; }.academy-button-gold:hover { background: #ecd28e; }.academy-button-light { background: #f8f3e8; color: #143153; }.academy-button-light:hover { background: #fff; }.academy-text-link { display: inline-flex; align-items: center; gap: 8px; color: #e3ebf2; font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(227,235,242,.35); padding-bottom: 5px; }.academy-text-link.dark { color: #163353; border-color: #b58b44; }.hero-editorial { position: relative; min-height: 470px; padding: 28px; overflow: hidden; border: 1px solid rgba(225,196,123,.34); background: linear-gradient(145deg,rgba(23,54,88,.9),rgba(7,23,43,.9)); box-shadow: 25px 28px 0 rgba(215,177,94,.12); }.hero-editorial:before { content:""; position:absolute; inset:20px; border:1px solid rgba(255,255,255,.09); pointer-events:none; }.hero-editorial-top { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; }.hero-editorial-top img { width: 155px; height: 80px; object-fit: contain; object-position: right center; }.hero-editorial-top span { color: #d7b15e; font: 700 9px "Alexandria"; letter-spacing: .12em; direction: ltr; }.hero-editorial-line { position: relative; z-index: 1; width: 100%; height: 1px; margin-top: 28px; background: linear-gradient(90deg, transparent,rgba(215,177,94,.8),transparent); }.editorial-label { position: relative; z-index: 1; margin: 28px 0 0; color: #ebf0f6; font: 500 18px/1.45 "Alexandria"; direction: ltr; letter-spacing: .06em; }.hero-program-card { position: absolute; z-index: 1; bottom: 48px; left: 38px; right: 38px; padding: 17px 0 0; border-top: 1px solid rgba(255,255,255,.16); direction: ltr; }.hero-program-card span { color: #99aabd; font: 700 9px "Alexandria"; letter-spacing: .13em; }.hero-program-card strong { display: block; margin: 8px 0 12px; color: #fffaf0; font: 700 27px "Alexandria"; }.hero-program-card strong i { color: #d7b15e; font-style: normal; }.program-rule { display: grid; grid-template-columns: repeat(6,1fr); gap: 4px; height: 4px; margin-bottom: 12px; }.program-rule i,.program-rule b { background: rgba(255,255,255,.17); }.program-rule b { background: #d7b15e; }.hero-program-card small { color: #aab9ca; font: 500 8px/1.8 "Alexandria"; letter-spacing: .09em; }.hero-editorial-foot { position: absolute; z-index: 1; right: 28px; left: 28px; bottom: 16px; display: flex; justify-content: space-between; color: #71869d; font: 700 8px "Alexandria"; letter-spacing: .1em; direction: ltr; }

.programme-strip { background: #d7b15e; color: #132640; }.programme-strip-grid { display: grid; grid-template-columns: repeat(4,1fr); }.programme-strip-grid article { min-height: 112px; display: flex; align-items: center; gap: 14px; padding: 22px 28px; border-left: 1px solid rgba(20,42,70,.2); }.programme-strip-grid article:last-child { border: 0; }.programme-strip-grid b { display: block; font: 700 25px "Alexandria"; }.programme-strip-grid span { display: block; margin-top: 3px; font-size: 11px; }.section-space { padding: 120px 0; }.intro-grid { display: grid; grid-template-columns: 170px 1fr 1fr; gap: 36px; align-items: start; }.section-eyebrow { margin: 0; color: #a57d36; font: 700 11px "Alexandria"; letter-spacing: .07em; }.section-eyebrow.light { color: #d7b15e; }.display-heading { margin: -13px 0 0; color: #142b49; font-size: clamp(34px,4vw,58px); line-height: 1.35; letter-spacing: -.055em; }.display-heading.light { color: #f7f2e7; }.intro-copy { padding-top: 3px; border-right: 1px solid #c9c2b4; padding-right: 30px; }.intro-copy p { margin: 0 0 16px; color: #5a6877; font-size: 15px; line-height: 2.05; }

.curriculum-section { padding: 112px 0; color: #f7f2e7; background: #102842; }.curriculum-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 60px; align-items: end; margin-bottom: 52px; }.curriculum-heading>p { margin: 0 0 5px; color: #aab9c7; font-size: 14px; line-height: 2; }.curriculum-grid { display: grid; grid-template-columns: 1.05fr .95fr; border-top: 1px solid rgba(255,255,255,.22); }.curriculum-rail { border-left: 1px solid rgba(255,255,255,.22); }.curriculum-week { width: 100%; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 14px; padding: 15px 18px; text-align: right; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); background: transparent; color: #f4f0e7; transition: background .18s ease,padding .18s ease; }.curriculum-week:hover { background: rgba(255,255,255,.045); }.curriculum-week.is-active { padding-right: 26px; background: #d7b15e; color: #102842; }.curriculum-week>span { color: #d7b15e; font: 700 16px "Alexandria"; direction: ltr; }.curriculum-week.is-active>span { color: #102842; }.curriculum-week b { display:block; font-size: 14px; }.curriculum-week small { display:block; margin-top:2px; opacity:.68; font-size:10px; }.curriculum-week i { color: #9db2c4; font: 700 8px "Alexandria"; letter-spacing:.08em; }.curriculum-week.is-active i { color: #102842; }.curriculum-feature { position: relative; min-height: 570px; padding: 62px 48px 42px; overflow: hidden; background: linear-gradient(160deg,#1b456e,#102842 72%); }.curriculum-feature:after { content:""; position:absolute; width:370px; height:370px; bottom:-190px; left:-140px; border:1px solid rgba(215,177,94,.4); border-radius:50%; box-shadow:0 0 0 42px rgba(215,177,94,.04),0 0 0 110px rgba(215,177,94,.025); }.feature-number { position:absolute; top:28px; left:35px; color:rgba(255,255,255,.1); font:700 120px/1 "Alexandria"; }.feature-label { position: relative; margin:0 0 18px; color:#d7b15e; font-size:12px; font-weight:700; }.curriculum-feature h3 { position:relative; margin:0; font:700 43px/1.25 "Alexandria"; }.curriculum-feature h3 span { display:block; margin-top:8px; color:#b6c7d4; font-size:15px; font-family:"IBM Plex Sans Arabic"; }.feature-description { position:relative; max-width:400px; margin:28px 0; color:#d7e0e8; font-size:15px; line-height:2; }.feature-tags { position:relative; display:flex; flex-wrap:wrap; gap:7px; }.feature-tags span { padding:7px 9px; border:1px solid rgba(255,255,255,.2); color:#f4f0e7; font:600 10px "Alexandria"; }.feature-bottom { position:absolute; z-index:1; right:48px; left:48px; bottom:37px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,.17); padding-top:14px; color:#a7bccd; font:700 10px "Alexandria"; letter-spacing:.08em; direction:ltr; }

.entry-section { background: #f8f5ee; }.entry-head { display:grid; grid-template-columns: 1.2fr .8fr; gap:60px; align-items:end; margin-bottom:55px; }.entry-head>p { margin:0; color:#617083; font-size:15px; line-height:2; }.entry-columns { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #b8b2a6; }.entry-columns article { position:relative; min-height:275px; padding:28px 28px 25px; border-left:1px solid #c9c2b5; }.entry-columns article:last-child { border:0; }.entry-index { position:absolute; top:22px; left:25px; color:#b38d45; font:700 12px "Alexandria"; }.entry-columns svg { color:#193b61; }.entry-columns h3 { margin:26px 0 9px; color:#173254; font:700 24px "Alexandria"; }.entry-columns p { max-width:260px; margin:0; color:#637181; font-size:13px; line-height:1.9; }.entry-columns div { position:absolute; right:28px; bottom:27px; left:28px; border-top:1px solid #d7d1c6; padding-top:12px; color:#8a6d36; font:600 10px "Alexandria"; direction:ltr; }.entry-footer { display:flex; align-items:center; gap:11px; margin-top:33px; padding:17px 0; border-top:1px solid #c9c2b5; color:#526475; font-size:13px; }.entry-footer svg { color:#b38d45; }.entry-footer b { color:#173254; direction:ltr; }

.assessment-section { padding:105px 0; background: #082039; color:#f7f2e7; }.assessment-layout { display:grid; grid-template-columns:1fr 360px; gap:80px; align-items:center; }.assessment-layout>div>p:not(.section-eyebrow) { max-width:650px; margin:25px 0 29px; color:#b6c6d5; font-size:15px; line-height:2.05; }.assessment-layout b { color:#e4c876; }.assessment-scorecard { min-height:345px; padding:30px; position:relative; overflow:hidden; border:1px solid rgba(215,177,94,.48); background:linear-gradient(145deg,#214b73,#0b263f); }.assessment-scorecard:after { content:""; position:absolute; left:-110px; bottom:-130px; width:270px; height:270px; border:1px solid rgba(215,177,94,.26); border-radius:50%; }.assessment-scorecard>span { color:#d7b15e; font:700 10px "Alexandria"; letter-spacing:.1em; direction:ltr; }.assessment-scorecard>strong { position:absolute; left:25px; top:25px; color:rgba(255,255,255,.11); font:700 90px "Alexandria"; }.assessment-scorecard>div { position:relative; z-index:1; margin-top:100px; }.assessment-scorecard p { margin:0 0 7px; color:#a7bacb; font:500 11px "Alexandria"; letter-spacing:.1em; direction:ltr; }.assessment-scorecard b { font:700 33px/1.3 "Alexandria"; color:#fff6e4; direction:ltr; }.assessment-scorecard small { position:absolute; z-index:1; right:30px; left:30px; bottom:28px; color:#b7c6d4; font-size:11px; line-height:1.8; }.academy-manifesto { padding:78px 0; background:#d7b15e; }.manifesto-inner { display:grid; grid-template-columns:125px 1fr auto; gap:45px; align-items:center; }.manifesto-inner>img { width:110px; height:110px; object-fit:contain; }.manifesto-inner blockquote { max-width:650px; margin:10px 0 0; color:#153354; font:700 28px/1.65 "Alexandria"; }.academy-footer { padding:55px 0 78px; background:#07172b; color:#e8edf2; }.footer-premium { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }.footer-premium img { display:block; width:210px; height:100px; object-fit:contain; object-position:right; }.footer-premium p { margin:8px 0 0; color:#879cb1; font-size:12px; }.footer-meta { display:grid; gap:7px; color:#b5c4d1; font-size:12px; text-align:left; direction:rtl; }.footer-meta>span:first-child { color:#d7b15e; font:700 10px "Alexandria"; }.footer-meta a { direction:ltr; }.mobile-academy-cta { display:none; }

/* Assessment and registration */
.application-page { position:relative; min-height:100vh; padding:28px 0 90px; overflow:hidden; background:radial-gradient(circle at 14% 2%,#d9c48f 0,transparent 22%),#eef0ed; }.application-grid-mark { position:absolute; z-index:0; inset:0; opacity:.5; pointer-events:none; background-image:linear-gradient(rgba(19,43,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(19,43,75,.045) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,black,transparent 64%); }.application-header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; margin-bottom:44px; }.application-header-meta { display:flex; align-items:center; gap:18px; }.application-header-meta>span { color:#947131; font:700 10px "Alexandria"; letter-spacing:.08em; direction:ltr; }.brand-lockup { display:flex; align-items:center; gap:10px; }.brand-logo { width:52px; height:52px; object-fit:contain; }.brand-copy { display:grid; gap:3px; }.brand-copy strong { color:#132b4b; font-size:14px; }.brand-copy span { color:#786c58; font:700 9px "Alexandria"; direction:ltr; }.button-ghost { display:inline-flex; min-height:42px; align-items:center; gap:8px; padding:0 12px; border:0; background:transparent; color:#203d61; font-size:13px; font-weight:700; }.wizard-shell { position:relative; z-index:1; width:min(960px,calc(100% - 40px)); margin:0 auto; box-shadow:20px 22px 0 rgba(19,43,75,.08); }.wizard-top { padding:26px 42px 29px; background:#102a49; color:#fff9ef; border-top:4px solid #d7b15e; }.wizard-dossier { display:flex; align-items:center; gap:11px; margin-bottom:27px; color:#a9bed2; font:700 9px "Alexandria"; letter-spacing:.12em; direction:ltr; }.wizard-dossier i { height:1px; flex:1; background:rgba(255,255,255,.17); }.wizard-dossier b { color:#d7b15e; font-size:9px; }.wizard-step-label { color:#cfae63; font:700 10px "Alexandria"; letter-spacing:.07em; }.wizard-top h1 { margin:11px 0 7px; color:#fff9ef; font:700 31px "Alexandria"; }.wizard-top p { margin:0; color:#b6c6d5; font-size:13px; }.wizard-progress { display:flex; gap:5px; margin-top:27px; }.wizard-progress i { height:3px; flex:1; background:rgba(255,255,255,.16); }.wizard-progress i.done { background:#d7b15e; }.wizard-progress-labels { display:flex; justify-content:space-between; margin-top:9px; color:#7f94ab; font:700 7px "Alexandria"; letter-spacing:.11em; direction:ltr; }.wizard-content { position:relative; min-height:510px; padding:40px 42px; background:#fffdf8; }.wizard-content:before { content:"EVALUATION / HK"; position:absolute; left:30px; bottom:24px; color:rgba(20,51,86,.06); font:700 10px "Alexandria"; letter-spacing:.14em; direction:ltr; }.wizard-content>* { position:relative; z-index:1; }.wizard-content h2 { margin:9px 0; color:#153354; font:700 28px "Alexandria"; }.wizard-content>p { max-width:650px; margin:0 0 25px; color:#6a7887; font-size:13px; line-height:1.9; }.experience-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.option-tile { min-height:65px; padding:16px; text-align:right; border:1px solid #d8d3c8; background:#fffdf8; color:#304b68; font-size:14px; transition:.18s ease; }.option-tile:hover,.option-tile.selected { border-color:#b48838; background:#fcf4de; }.skills-list { display:grid; gap:0; border-top:1px solid #e4dfd5; }.skill-row { display:grid; grid-template-columns:1fr 220px; gap:15px; align-items:center; padding:14px 0; border-bottom:1px solid #e4dfd5; }.skill-row b { color:#284460; font-size:13px; }.skill-row select,.form-field input,.form-field select,.form-field textarea { width:100%; border:1px solid #d7d3c9; border-radius:0; outline:0; background:#fff; color:#29425e; }.skill-row select { height:37px; padding:0 10px; font-size:12px; }.form-field input,.form-field select { height:45px; padding:0 11px; }.form-field textarea { min-height:105px; padding:11px; resize:vertical; }.skill-row select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:#ae8233; box-shadow:0 0 0 3px rgba(174,130,51,.11); }.quiz-list { display:grid; gap:13px; }.quiz-question { padding:17px; border-right:3px solid #d7b15e; background:#f5f3ed; }.quiz-question p { margin:0 0 13px; color:#29425e; font-size:14px; font-weight:700; }.quiz-options { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }.quiz-option { padding:10px; text-align:right; border:1px solid #ddd8ce; background:#fffdf8; color:#607181; font-size:12px; }.quiz-option.selected { border-color:#a57d36; background:#faefd2; color:#704f14; }.wizard-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:30px; }.button-primary { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:8px; padding:0 19px; border:0; background:#153354; color:#fff; font-weight:700; }.button-primary:hover { background:#28537e; }.evaluation-card { padding:28px; border-right:4px solid #2e7b61; background:#eff5f1; }.evaluation-card.foundation { border-color:#bd8f36; background:#fbf2df; }.evaluation-state { display:flex; align-items:center; gap:9px; color:#236e55; font-weight:700; }.evaluation-card.foundation .evaluation-state { color:#8b641c; }.score-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:21px 0 0; }.score-box { padding:14px; background:#fffdf8; }.score-box span { color:#7b8793; font-size:11px; }.score-box b { display:block; margin-top:4px; color:#173a5e; font:700 26px "Alexandria"; }.registration-form { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.form-section-title { grid-column:1/-1; margin:8px 0 0; }.form-field { display:grid; gap:7px; }.form-field label { color:#56697a; font-size:11px; font-weight:700; }.form-field.full,.consent { grid-column:1/-1; }.consent { display:flex; align-items:flex-start; gap:10px; padding:14px; background:#f3f2ec; color:#5f7080; font-size:11px; line-height:1.8; }.consent input { margin-top:4px; accent-color:#b58b44; }.field-error { color:#a53e33; font-size:12px; }.success-page { min-height:100vh; display:grid; place-items:center; padding:30px; background:#09223c; }.success-card { width:min(670px,100%); padding:48px; text-align:center; border-top:4px solid #d7b15e; background:#fffdf8; box-shadow:24px 26px 0 rgba(215,177,94,.18); }.success-icon { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 18px; background:#e3f0e9; color:#2a725b; }.success-card h1 { margin:0 0 10px; color:#143356; font:700 30px "Alexandria"; }.success-card>p { color:#6a7887; font-size:13px; line-height:1.9; }.application-id { display:inline-flex; margin:22px 0; padding:13px 17px; border:1px dashed #b58b44; background:#fbf4e2; color:#705215; font:700 18px "Alexandria"; direction:ltr; }.success-info { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; text-align:right; }.success-info div { padding:13px; background:#f2f4f2; }.success-info span { display:block; color:#82909c; font-size:10px; }.success-info b { color:#2e4964; font-size:12px; }

@media (max-width:900px) { .site-width{width:min(100% - 36px,1216px)}.academy-nav-links{display:none}.premium-hero-grid,.intro-grid,.curriculum-heading,.curriculum-grid,.entry-head,.assessment-layout{grid-template-columns:1fr}.premium-hero{padding:66px 0}.hero-editorial{max-width:570px}.programme-strip-grid{grid-template-columns:repeat(2,1fr)}.programme-strip-grid article:nth-child(2){border-left:0}.intro-grid{gap:22px}.intro-copy{border-right:0;border-top:1px solid #c9c2b4;padding:20px 0 0}.curriculum-rail{border-left:0}.curriculum-feature{min-height:440px}.entry-columns{grid-template-columns:1fr}.entry-columns article{border-left:0;border-bottom:1px solid #c9c2b5}.entry-columns article:last-child{border-bottom:0}.entry-columns div{position:static;margin-top:24px}.assessment-scorecard{max-width:440px}.manifesto-inner{grid-template-columns:100px 1fr}.manifesto-inner>a{grid-column:2}.footer-premium{align-items:flex-start;flex-direction:column}.mobile-academy-cta{display:flex;position:fixed;z-index:70;right:14px;left:14px;bottom:14px;padding:9px;background:rgba(7,23,43,.92);backdrop-filter:blur(12px)}.mobile-academy-cta a{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:#d7b15e;color:#153354;font-weight:800;font-size:13px}.academy-footer{padding-bottom:95px}.application-page{padding-top:18px}.application-header{margin-bottom:25px}.wizard-shell{width:min(100% - 28px,960px)} }
@media (max-width:560px) { .site-width{width:min(100% - 28px,1216px)}.academy-nav-inner{height:66px}.academy-mark img{width:40px;height:40px}.academy-mark small{display:none}.academy-nav-cta{padding:10px 11px;font-size:11px}.premium-hero{min-height:auto;padding:48px 0 54px}.hero-copy h1{font-size:41px}.hero-lead{font-size:14px}.hero-entry-note{margin:24px 0;padding:12px 0;font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-editorial{min-height:365px;padding:21px;margin-top:15px}.hero-editorial-top img{width:125px;height:62px}.editorial-label{font-size:14px}.hero-program-card{right:27px;left:27px;bottom:43px}.programme-strip-grid article{min-height:88px;padding:15px;border-bottom:1px solid rgba(20,42,70,.18)}.programme-strip-grid b{font-size:20px}.section-space{padding:76px 0}.display-heading{font-size:34px}.curriculum-section{padding:75px 0}.curriculum-heading{gap:19px;margin-bottom:30px}.curriculum-feature{padding:40px 25px 30px;min-height:390px}.curriculum-feature h3{font-size:31px}.feature-number{left:17px;top:22px;font-size:76px}.feature-bottom{right:25px;left:25px;bottom:22px}.entry-head{gap:20px;margin-bottom:32px}.entry-columns article{min-height:auto;padding:22px}.entry-columns h3{margin-top:20px}.entry-footer{align-items:flex-start;font-size:12px}.assessment-section{padding:75px 0}.assessment-layout{gap:34px}.assessment-scorecard{min-height:290px}.assessment-scorecard>div{margin-top:70px}.manifesto-inner{grid-template-columns:1fr;gap:18px}.manifesto-inner>img{width:100px;height:80px}.manifesto-inner>a{grid-column:auto}.manifesto-inner blockquote{font-size:21px}.academy-footer{padding-top:43px}.footer-premium img{width:190px}.application-header .brand-copy span{display:none}.wizard-top,.wizard-content{padding:25px 21px}.wizard-top h1{font-size:25px}.experience-grid,.quiz-options,.registration-form,.success-info{grid-template-columns:1fr}.skill-row{grid-template-columns:1fr;gap:8px}.wizard-actions{align-items:stretch}.success-card{padding:34px 20px}.brand-logo{width:44px;height:44px} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} }

/* Reference-aligned SOC programme hero */
.reference-hero{position:relative;overflow:hidden;padding:80px 0 0;background:radial-gradient(circle at 80% 42%,rgba(29,109,239,.13),transparent 27%),radial-gradient(circle at 8% 18%,rgba(33,101,229,.09),transparent 22%),#fff;color:#102d61;isolation:isolate}.reference-hero-grid{position:absolute;inset:0;z-index:-2;opacity:.64;background-image:linear-gradient(90deg,rgba(27,99,218,.055) 1px,transparent 1px),linear-gradient(rgba(27,99,218,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(110deg,transparent 4%,#000 33%,#000 77%,transparent 96%);animation:reference-grid-drift 18s linear infinite}.reference-hero:before{content:"";position:absolute;z-index:-1;right:-8%;bottom:12%;width:43vw;height:43vw;border:1px solid rgba(40,113,231,.18);border-radius:50%;box-shadow:0 0 0 52px rgba(37,108,226,.035),0 0 0 126px rgba(37,108,226,.024);animation:reference-pulse 8s ease-in-out infinite}.reference-hero:after{content:"";position:absolute;z-index:-1;top:16%;left:-7%;width:26vw;height:26vw;border:1px solid rgba(42,114,226,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(42,114,226,.025)}.reference-orb{position:absolute;z-index:-1;width:10px;height:10px;border-radius:50%;background:#5b9dff;box-shadow:0 0 0 7px rgba(91,157,255,.11),0 0 22px #5b9dff;animation:reference-node 4.8s ease-in-out infinite}.orb-one{top:36%;right:47%}.orb-two{bottom:27%;right:10%;animation-delay:-2.2s}.reference-hero-inner{display:grid;grid-template-columns:.94fr 1.06fr;gap:64px;align-items:center;padding:28px 0 34px}.reference-copy{position:relative;z-index:2}.reference-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;color:#2164cf;background:rgba(233,243,255,.85);border:1px solid #dceafb;font-size:13px;font-weight:800}.reference-kicker svg{color:#1268de}.reference-copy h1{margin:23px 0 20px;color:#0b2b62;font:800 clamp(42px,4.25vw,70px)/1.35 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.075em}.reference-copy h1 em{color:#1468e8;font-style:normal}.reference-copy>p{max-width:630px;margin:0;color:#455d83;font-size:16px;line-height:2.08}.reference-copy>p b{color:#1768d9;direction:ltr}.reference-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:27px}.reference-facts>div{display:flex;align-items:center;gap:10px;padding:0 13px;border-left:1px solid #d9e2f0}.reference-facts>div:first-child{padding-right:0}.reference-facts>div:last-child{border-left:0}.reference-facts svg{flex:0 0 auto;color:#156bea}.reference-facts span{display:grid;gap:2px}.reference-facts b{font-size:13px;color:#133b78;white-space:nowrap}.reference-facts small{color:#6c7e9b;font-size:9px;white-space:nowrap}.reference-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.reference-primary-cta,.reference-outline-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:61px;padding:0 25px;border-radius:13px;font-size:15px;font-weight:800;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease,background .2s ease}.reference-primary-cta{color:#fff;background:linear-gradient(115deg,#066def,#0753c8 58%,#093d9e);box-shadow:0 13px 24px rgba(12,92,212,.23),inset 0 1px 0 rgba(255,255,255,.25)}.reference-primary-cta:hover{transform:translateY(-3px);box-shadow:0 18px 29px rgba(12,92,212,.31)}.reference-primary-cta:active{transform:scale(.97)}.reference-outline-cta{border:1.5px solid #1768df;color:#175fc9;background:rgba(255,255,255,.76)}.reference-outline-cta:hover{background:#f0f7ff;transform:translateY(-2px)}.reference-sudan-note{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;margin-top:23px;padding:12px 16px;border:1px solid #e0e7f0;border-radius:12px;background:rgba(255,255,255,.7);color:#244577;font-size:12px}.reference-sudan-note b{font-weight:700}.sudan-dot{font-size:22px;line-height:1}.reference-contacts{display:flex;align-items:center;gap:8px;margin-top:13px;color:#577196;font:700 9px "DM Mono",monospace;letter-spacing:.04em;direction:ltr}.reference-contacts a{color:#1768d9}.reference-contacts i{width:4px;height:4px;border-radius:50%;background:#5a9cff}.reference-visual{position:relative;padding-top:6px}.reference-workflow{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:2;min-height:159px;padding:23px 18px 17px;border:1px solid #d8e2f1;border-radius:17px;background:rgba(255,255,255,.77);box-shadow:0 14px 30px rgba(29,75,144,.06);backdrop-filter:blur(7px);direction:ltr}.reference-workflow-step{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;padding:0 8px;text-align:center;color:#0a3470}.reference-workflow-step>span{font:800 12px/1 "DM Mono",monospace;letter-spacing:-.04em}.reference-workflow-step svg{padding:6px;border-radius:12px;background:#e3f0ff;color:#1672e9}.reference-workflow-step small{min-height:33px;color:#354f79;font-size:10px;line-height:1.45}.reference-workflow-step.red>span,.reference-workflow-step.red svg{color:#ef4648}.reference-workflow-step.red svg{background:#fff0f0}.reference-workflow-step.cyan>span,.reference-workflow-step.cyan svg{color:#129fac}.reference-workflow-step.cyan svg{background:#e5fbfc}.reference-workflow-step.green>span,.reference-workflow-step.green svg{color:#1e8e51}.reference-workflow-step.green svg{background:#e8f8ef}.workflow-arrow{position:absolute;z-index:2;top:36px;left:-8px;color:#163b79;font:500 30px/1 Arial}.soc-dashboard{position:relative;z-index:1;display:grid;grid-template-columns:70px 1fr;min-height:350px;margin:20px 26px 0 0;overflow:hidden;direction:ltr;border:1px solid #d3dfef;border-radius:19px;background:rgba(252,253,255,.97);box-shadow:-13px 18px 0 rgba(20,87,191,.08),0 20px 34px rgba(10,68,152,.16);transform:rotate(2.1deg);transform-origin:bottom right}.soc-dashboard aside{display:grid;justify-items:center;align-content:start;gap:19px;padding:18px 0;background:#062c73}.soc-dashboard aside img{width:33px;height:33px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.soc-dashboard aside i{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.7);border-radius:4px}.soc-dashboard section{padding:24px 22px 20px}.dashboard-topline{display:flex;justify-content:space-between;color:#25406e;font:700 10px "DM Mono",monospace}.dashboard-charts{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:13px}.line-chart,.donut-chart{position:relative;height:117px;overflow:hidden;border:1px solid #e5eaf2;border-radius:7px;background:linear-gradient(#fbfcff,#f3f7fc)}.line-chart:before{content:"";position:absolute;right:12px;left:12px;top:50%;height:1px;background:#e7edf5;box-shadow:0 -28px #eef2f7,0 28px #eef2f7}.line-chart i{position:absolute;z-index:1;width:22%;height:2px;transform-origin:left;background:#ec474b;box-shadow:0 0 3px rgba(236,71,75,.5)}.line-chart i:nth-child(1){left:10%;top:69%;transform:rotate(-29deg)}.line-chart i:nth-child(2){left:29%;top:51%;transform:rotate(36deg)}.line-chart i:nth-child(3){left:47%;top:66%;transform:rotate(-42deg)}.line-chart i:nth-child(4){left:66%;top:43%;transform:rotate(38deg)}.line-chart i:nth-child(5){left:84%;top:62%;width:9%;transform:rotate(-50deg)}.donut-chart{display:grid;place-items:center}.donut-chart:before{content:"";width:61px;height:61px;border-radius:50%;background:conic-gradient(#1871ed 0 45%,#6faafb 45% 70%,#e34b4b 70% 82%,#dce8f6 82% 100%)}.donut-chart span{position:absolute;width:37px;height:37px;border-radius:50%;background:#fff}.dashboard-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.dashboard-counters>div{display:grid;gap:5px;padding:12px 9px;border-radius:7px;background:#f7f9fc}.dashboard-counters small{color:#73829a;font-size:8px}.dashboard-counters b{color:#172d55;font:700 26px/1 "DM Mono",monospace}.dashboard-counters span{color:#159a64;font-size:9px;font-weight:700}.dashboard-counters .alert-count b,.dashboard-counters .alert-count span{color:#e74145}.dashboard-counters .down{color:#159a64}.dashboard-shield{position:absolute;right:-76px;bottom:42px;display:grid;place-items:center;width:83px;height:83px;border-radius:50%;background:linear-gradient(145deg,#70b2ff,#2372e6);color:#fff;box-shadow:0 12px 25px rgba(28,102,221,.35);transform:rotate(-2.1deg)}.reference-proof-band{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:5px;overflow:hidden;border:1px solid #e0e8f2;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 13px 28px rgba(17,79,165,.08)}.reference-proof-band>div{display:flex;align-items:center;justify-content:center;gap:13px;min-height:89px;padding:15px 20px;border-left:1px solid #dbe4ef}.reference-proof-band>div:last-child{border-left:0}.reference-proof-band svg{color:#1469df}.reference-proof-band span{display:grid;gap:3px}.reference-proof-band b{color:#12386f;font-size:13px}.reference-proof-band small{color:#69809f;font-size:9px}
@keyframes reference-grid-drift{to{background-position:54px 54px}}@keyframes reference-pulse{50%{transform:scale(1.045);opacity:.67}}@keyframes reference-node{50%{transform:translateY(-12px);box-shadow:0 0 0 10px rgba(91,157,255,.08),0 0 29px #5b9dff}}
@media(max-width:1050px){.reference-hero-inner{grid-template-columns:1fr;gap:30px}.reference-copy{max-width:760px}.reference-visual{max-width:760px;width:100%;margin-right:auto}.soc-dashboard{max-width:680px}.reference-proof-band{grid-template-columns:repeat(2,1fr)}.reference-proof-band>div:nth-child(2){border-left:0}.reference-proof-band>div:nth-child(-n+2){border-bottom:1px solid #dbe4ef}}@media(max-width:620px){.reference-hero{padding-top:30px}.reference-hero-inner{padding:14px 0 24px;gap:26px}.reference-copy h1{margin:18px 0 14px;font-size:clamp(34px,10.3vw,48px);line-height:1.45}.reference-copy>p{font-size:13px;line-height:2}.reference-kicker{padding:8px 10px;font-size:11px}.reference-facts{grid-template-columns:repeat(2,1fr);gap:14px 0}.reference-facts>div:nth-child(2){border-left:0}.reference-facts>div:nth-child(3){padding-right:0}.reference-facts>div:nth-child(4){border-left:0}.reference-facts svg{width:25px}.reference-facts b{font-size:11px}.reference-facts small{font-size:8px}.reference-actions{display:grid;grid-template-columns:1fr}.reference-primary-cta,.reference-outline-cta{min-height:54px;font-size:13px}.reference-sudan-note{font-size:10px;line-height:1.7}.reference-contacts{flex-wrap:wrap;font-size:8px}.reference-workflow{min-height:135px;padding:16px 7px}.reference-workflow-step{gap:5px;padding:0 2px}.reference-workflow-step>span{font-size:7px}.reference-workflow-step svg{width:30px;height:30px;padding:4px;border-radius:9px}.reference-workflow-step small{min-height:33px;font-size:7px;line-height:1.25}.workflow-arrow{top:27px;left:-5px;font-size:18px}.soc-dashboard{grid-template-columns:47px 1fr;min-height:250px;margin:14px 11px 0 0;border-radius:13px}.soc-dashboard aside{gap:12px;padding-top:13px}.soc-dashboard aside img{width:24px;height:24px}.soc-dashboard aside i{width:11px;height:11px}.soc-dashboard section{padding:16px 11px}.dashboard-charts{gap:8px;margin-top:9px}.line-chart,.donut-chart{height:84px}.donut-chart:before{width:45px;height:45px}.donut-chart span{width:28px;height:28px}.dashboard-counters{gap:5px;margin-top:8px}.dashboard-counters>div{padding:8px 5px}.dashboard-counters small{font-size:6px}.dashboard-counters b{font-size:17px}.dashboard-counters span{font-size:6px}.dashboard-shield{right:-53px;bottom:30px;width:62px;height:62px}.dashboard-shield svg{width:33px}.reference-proof-band{grid-template-columns:1fr 1fr;margin-top:0}.reference-proof-band>div{justify-content:flex-start;min-height:74px;padding:12px;gap:8px}.reference-proof-band svg{width:23px}.reference-proof-band b{font-size:10px}.reference-proof-band small{font-size:7px}.reference-hero:before{width:75vw;height:75vw;right:-35%;bottom:17%}}

/* Reference composition refinement: copy on the left, SOC board on the right. */
.reference-hero-inner{direction:ltr}.reference-copy,.reference-proof-band{direction:rtl}.reference-actions{direction:ltr}.reference-primary-cta,.reference-outline-cta{direction:rtl}.soc-dashboard{margin:20px 0 0 26px;transform:rotate(-2.1deg);transform-origin:bottom left}.dashboard-shield{transform:rotate(2.1deg)}.reference-hero + .metric-band{display:none}

.reference-copy h1 .reference-hero-secondary{display:block;margin-top:.12em;color:#153d78;font-size:.61em;line-height:1.48;font-weight:700;letter-spacing:-.06em}.reference-copy h1 .reference-hero-secondary b{color:#1468e8;font-family:"DM Mono","Alexandria",sans-serif;font-size:.91em;letter-spacing:-.04em;white-space:nowrap}

/* Explicit training-path hierarchy */
.path-clarity-section{padding:78px 0 86px;background:linear-gradient(180deg,#f7faff 0,#fff 100%);border-top:1px solid #e5edf8}.path-clarity-heading{max-width:760px;margin:0 auto 37px;text-align:center}.path-clarity-heading h2{margin:10px 0;color:#0b2d66;font:800 clamp(25px,2.6vw,38px)/1.45 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.06em}.path-clarity-heading p{max-width:660px;margin:0 auto;color:#607391;font-size:13px;line-height:2}.path-clarity-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:stretch}.path-prerequisites{padding:25px;overflow:hidden;border:1px solid #d9e6f6;border-radius:18px;color:#f5f9ff;background:linear-gradient(145deg,#0e428f,#062561);box-shadow:0 18px 35px rgba(14,69,157,.14)}.path-card-label{display:flex;align-items:center;gap:8px;color:#90c6ff;font:800 10px "DM Mono",sans-serif;letter-spacing:.08em;direction:rtl}.path-prerequisites h3{margin:17px 0 5px;font:800 25px/1.3 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.05em}.path-prerequisites>p{margin:0;color:#b8cef0;font-size:11px;line-height:1.8}.path-prerequisite-list{display:grid;gap:2px;margin-top:20px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.path-prerequisite{display:grid;grid-template-columns:30px 24px 1fr 18px;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid rgba(255,255,255,.12)}.path-prerequisite:last-child{border-bottom:0}.path-prerequisite-no{color:#84bbfb;font:800 11px "DM Mono",sans-serif;direction:ltr}.path-prerequisite>svg{color:#b9dbff}.path-prerequisite>div{display:grid;gap:2px}.path-prerequisite b{font:800 11px "DM Mono","Alexandria",sans-serif;direction:ltr}.path-prerequisite small{color:#b9ccec;font-size:9px}.path-prerequisite>svg:last-child{color:#70d7a1}.path-ready-note{display:flex;align-items:center;gap:10px;margin-top:19px;padding:11px 12px;border:1px solid rgba(140,202,255,.28);border-radius:10px;background:rgba(130,192,255,.12)}.path-ready-note svg{color:#8cc9ff}.path-ready-note span{display:grid;gap:2px}.path-ready-note b{font-size:10px}.path-ready-note small{color:#b4cff4;font-size:8px;direction:ltr}.path-timeline{padding:7px 0}.path-start-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;border:1px solid #bbd9ff;border-radius:16px;color:#0f3c7e;background:linear-gradient(100deg,#eaf4ff,#fff);box-shadow:0 10px 24px rgba(23,94,189,.07)}.path-start-panel>div{display:grid;gap:5px}.path-start-panel span{color:#2776df;font:800 10px "DM Mono",sans-serif;letter-spacing:.07em}.path-start-panel b{font:800 20px "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.04em}.path-start-panel b i{color:#1669e6;font:800 25px "DM Mono",sans-serif;font-style:normal;direction:ltr}.path-start-panel p{max-width:310px;margin:0;color:#5b7399;font-size:11px;line-height:1.9}.path-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 3px 13px;color:#6780a5;font-size:10px}.path-progress-caption b{color:#174f9f;font:800 14px "DM Mono",sans-serif;direction:ltr}.path-progress-caption b i{color:#2477eb;font-style:normal}.path-progress-caption span:last-child{color:#168657;font-weight:800}.path-week-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;direction:rtl}.path-week{position:relative;display:grid;align-content:start;gap:7px;min-height:163px;padding:17px 12px;border:1px solid #dfe9f7;border-radius:14px;color:#164482;background:#fff;box-shadow:0 8px 20px rgba(20,75,153,.05);transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease,border-color .2s ease}.path-week:hover{z-index:2;transform:translateY(-5px);border-color:#8abaff;box-shadow:0 15px 27px rgba(21,92,191,.15)}.path-week.is-start{color:#fff;border-color:#1469df;background:linear-gradient(145deg,#1677f5,#0a469f);box-shadow:0 14px 26px rgba(15,97,216,.23)}.path-week-no{color:#1c70df;font:800 13px "DM Mono",sans-serif;direction:ltr}.path-week svg{color:#2c75dc}.path-week b{font:800 12px "DM Mono","Alexandria",sans-serif;line-height:1.3;direction:ltr}.path-week small{color:#7184a0;font-size:8px;line-height:1.55}.path-week.is-start .path-week-no,.path-week.is-start svg,.path-week.is-start small{color:#cfe5ff}.path-week:not(:last-child):after{content:"";position:absolute;z-index:0;top:43px;left:-13px;width:13px;height:1px;background:#9cc5ff}.path-week:not(:last-child):before{content:"←";position:absolute;z-index:1;top:32px;left:-22px;color:#3679dc;font:700 15px/1 Arial}.path-outcome{display:flex;align-items:center;gap:12px;margin-top:17px;padding:15px 17px;border:1px solid #d3e4f9;border-radius:14px;background:#fff}.path-outcome>svg{flex:0 0 auto;color:#1b78e8}.path-outcome span{display:grid;flex:1;gap:2px}.path-outcome b{color:#123e7e;font-size:12px}.path-outcome small{color:#637995;font-size:10px;line-height:1.6}.path-outcome a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#1467dc;font-size:10px;font-weight:800}.path-outcome a:hover{color:#063b96}

@media(max-width:980px){.path-clarity-layout{grid-template-columns:1fr}.path-prerequisites{max-width:none}.path-start-panel{max-width:none}.path-week-list{max-width:none}}@media(max-width:650px){.path-clarity-section{padding:50px 0 60px}.path-clarity-heading{margin-bottom:25px}.path-clarity-heading h2{font-size:25px}.path-clarity-heading p{font-size:11px}.path-clarity-layout{gap:16px}.path-prerequisites{padding:19px}.path-prerequisites h3{font-size:21px}.path-start-panel{display:grid;gap:9px;padding:15px}.path-start-panel b{font-size:17px}.path-start-panel p{font-size:10px}.path-progress-caption{margin:19px 0 11px}.path-progress-caption span{font-size:8px}.path-progress-caption b{font-size:11px}.path-week-list{grid-template-columns:repeat(2,1fr);gap:10px}.path-week{min-height:126px;padding:13px 11px}.path-week:not(:last-child):after,.path-week:not(:last-child):before{display:none}.path-week:last-child{grid-column:1/-1;min-height:106px}.path-outcome{align-items:flex-start;padding:13px}.path-outcome small{font-size:9px}.path-outcome a{white-space:nowrap;font-size:9px}}

/* Course dossier — editorial curriculum page */
.course-dossier-page{min-height:100vh;background:#f5f7fb;color:#102f62}.course-dossier-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.course-dossier-nav{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.93);border-bottom:1px solid #e1e8f2;backdrop-filter:blur(16px)}.course-dossier-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:28px}.course-dossier-brand{display:flex;align-items:center;gap:10px}.course-dossier-brand img{width:43px;height:43px;object-fit:contain}.course-dossier-brand span{display:grid;gap:1px}.course-dossier-brand b{color:#103d7d;font:800 19px/1.15 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.07em}.course-dossier-brand small{color:#55709c;font:700 7px "DM Mono",sans-serif;letter-spacing:.07em;direction:ltr}.course-dossier-nav nav{display:flex;align-items:center;gap:28px;color:#58708f;font-size:12px;font-weight:700}.course-dossier-nav nav a{padding:28px 0 24px;border-bottom:3px solid transparent;transition:color .18s ease,border-color .18s ease}.course-dossier-nav nav a:hover,.course-dossier-nav nav .is-active{color:#0e5fd2;border-color:#0e5fd2}.course-dossier-apply{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:7px;color:#fff;background:#0c3d86;font-size:11px;font-weight:800;box-shadow:0 7px 15px rgba(12,61,134,.16);transition:transform .18s cubic-bezier(.23,1,.32,1),background .18s ease}.course-dossier-apply:hover{background:#0f5cca;transform:translateY(-2px)}.course-dossier-apply:active{transform:scale(.97)}.course-dossier-hero{position:relative;overflow:hidden;padding:84px 0 72px;background:linear-gradient(90deg,#fcfdff 0,#f0f6ff 54%,#e5f0ff 100%);isolation:isolate}.course-dossier-hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(16,91,193,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,91,193,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 0,#000 27%,#000 75%,transparent 100%)}.course-dossier-rule{position:absolute;z-index:-1;top:70px;right:-70px;width:38vw;height:38vw;border:1px solid rgba(24,109,220,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(24,109,220,.035),0 0 0 108px rgba(24,109,220,.022)}.course-dossier-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:84px}.course-dossier-code{display:flex;align-items:center;gap:9px;color:#1b6cdd;font:800 9px "DM Mono",sans-serif;letter-spacing:.11em;direction:ltr}.course-dossier-code i{width:36px;height:1px;background:#78acfa}.course-dossier-code b{color:#174989}.course-dossier-eyebrow{margin:28px 0 0;color:#6f81a0;font-size:11px;font-weight:800}.course-dossier-intro h1{margin:9px 0 18px;color:#0a326e;font:800 clamp(38px,4.5vw,66px)/1.36 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.08em}.course-dossier-intro h1 em{color:#1168e5;font-style:normal;font-family:"DM Mono","Alexandria",sans-serif;letter-spacing:-.07em}.course-dossier-lead{max-width:635px;margin:0;color:#56708f;font-size:15px;line-height:2.05}.course-dossier-lead b{color:#1263db;direction:ltr}.course-dossier-actions{display:flex;align-items:center;gap:21px;margin-top:28px}.course-dossier-primary{display:inline-flex;align-items:center;gap:10px;min-height:53px;padding:0 20px;border-radius:8px;color:#fff;background:linear-gradient(115deg,#0d74ef,#0a49ae);font-size:13px;font-weight:800;box-shadow:0 12px 23px rgba(11,85,193,.21);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s ease}.course-dossier-primary:hover{transform:translateY(-3px);box-shadow:0 17px 29px rgba(11,85,193,.29)}.course-dossier-text-link{display:inline-flex;align-items:center;gap:7px;color:#0f5bca;border-bottom:1px solid #a6cafc;padding-bottom:4px;font-size:12px;font-weight:800}.course-dossier-current{position:relative;min-height:335px;padding:31px;overflow:hidden;border:1px solid #174f9c;border-radius:16px;color:#fff;background:linear-gradient(150deg,#0e4b9d,#06265f 80%);box-shadow:18px 20px 0 rgba(20,100,211,.11),0 18px 36px rgba(16,71,150,.16)}.course-dossier-current:before{content:"";position:absolute;right:-65px;bottom:-65px;width:230px;height:230px;border:1px solid rgba(155,204,255,.26);border-radius:50%;box-shadow:0 0 0 38px rgba(155,204,255,.045)}.course-current-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#b9d8ff;font:800 10px "DM Mono",sans-serif;letter-spacing:.1em;direction:ltr}.course-current-top b{color:#fff}.course-current-number{position:relative;z-index:1;margin-top:10px;color:rgba(255,255,255,.13);font:800 133px/.8 "DM Mono",sans-serif;letter-spacing:-.13em;direction:ltr}.course-dossier-current p{position:relative;z-index:1;max-width:230px;margin:-8px 0 13px;color:#e8f2ff;font-size:13px;line-height:1.9}.course-dossier-current strong{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#8dc5ff;font:800 14px "DM Mono","Alexandria",sans-serif;direction:ltr}.course-current-rail{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:28px 0 14px}.course-current-rail i,.course-current-rail b{height:4px;background:rgba(214,235,255,.22)}.course-current-rail b{background:#7bb9ff;box-shadow:0 0 12px #7bb9ff}.course-dossier-current small{position:relative;z-index:1;color:#a8c8ed;font:700 8px/1.7 "DM Mono",sans-serif;letter-spacing:.04em;direction:ltr}.course-facts{margin-top:-1px;border-bottom:1px solid #dbe7f5;background:#fff}.course-facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.course-facts-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;border-left:1px solid #e2eaf4}.course-facts-grid>div:last-child{border-left:0}.course-facts-grid svg{color:#176ae0}.course-facts-grid span{display:grid;gap:2px}.course-facts-grid b{color:#10396f;font:800 21px "DM Mono","Alexandria",sans-serif}.course-facts-grid small{color:#667e9f;font-size:10px}.course-index{padding:72px 0 35px;background:#f5f7fb}.course-section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end}.course-section-heading>div>span,.course-learning-title>span{color:#1d6cdc;font:800 9px "DM Mono",sans-serif;letter-spacing:.12em}.course-section-heading h2{margin:9px 0 0;color:#0e3770;font:800 34px/1.4 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.07em}.course-section-heading>p{max-width:545px;margin:0;color:#657a98;font-size:13px;line-height:2}.course-section-heading>p b{color:#1768d8;direction:ltr}.course-index-rail{display:grid;grid-template-columns:repeat(8,1fr);margin-top:34px;overflow:hidden;border:1px solid #d8e4f3;border-radius:11px;background:#fff}.course-index-item{position:relative;display:grid;gap:5px;min-height:108px;padding:16px 14px;border-left:1px solid #dfe8f4;color:#58708e;transition:background .18s ease,color .18s ease,transform .18s ease}.course-index-item:last-child{border-left:0}.course-index-item:hover{z-index:1;color:#fff;background:#1767d7;transform:translateY(-3px)}.course-index-item.start{color:#fff;background:#0e4ca5}.course-index-item b{font:800 20px "DM Mono",sans-serif;direction:ltr}.course-index-item span{font:800 10px "DM Mono","Alexandria",sans-serif;direction:ltr}.course-index-item small{font-size:8px}.course-index-item.prerequisite:after{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:#a7b7cc}.course-index-item.start:after{background:#7cc0ff}.course-modules{padding:22px 0 95px;background:#f5f7fb}.course-module{display:grid;grid-template-columns:98px minmax(0,1fr) 350px;gap:28px;padding:38px 0;border-top:1px solid #d8e2ee}.course-module-number{position:relative;display:grid;align-content:start;justify-items:start;gap:3px;color:#8095b0;font:800 9px "DM Mono",sans-serif;letter-spacing:.12em}.course-module-number b{color:#113b75;font:800 50px/.95 "DM Mono",sans-serif;letter-spacing:-.1em}.course-module-number i{position:absolute;top:69px;right:21px;width:1px;height:calc(100% + 37px);background:#c7d6e7}.course-module:last-child .course-module-number i{display:none}.course-module-main{padding-top:2px}.course-module-status{display:flex;align-items:center;gap:7px;color:#55779d;font-size:10px;font-weight:800}.course-module-status svg{color:#2674df}.course-module-status b{margin-right:5px;padding:4px 7px;border-radius:3px;color:#fff;background:#146be2;font-size:8px}.course-module header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:13px}.course-module header p{margin:0 0 5px;color:#2874dc;font:800 11px "DM Mono",sans-serif;letter-spacing:.07em;direction:ltr}.course-module h3{margin:0;color:#0e3973;font:800 31px/1.3 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.06em}.course-module-mark{display:grid;place-items:center;min-width:47px;height:27px;border:1px solid #c6d8ef;border-radius:4px;color:#176bdc;font:800 10px "DM Mono",sans-serif;direction:ltr}.course-module-overview{max-width:660px;margin:18px 0 0;color:#536d8e;font-size:13px;line-height:2}.course-module-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.course-module-detail>div{padding:12px 0;border-top:1px solid #d6e1ee}.course-module-detail span{color:#276fda;font:800 8px "DM Mono",sans-serif;letter-spacing:.08em}.course-module-detail p{margin:7px 0 0;color:#59708f;font-size:11px;line-height:1.85}.course-module-output{border-top-color:#a3c9fa!important}.course-topic-register{align-self:start;overflow:hidden;border:1px solid #d8e3f0;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(17,75,154,.04)}.course-topic-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e0e9f4;color:#1e68cf}.course-topic-header span{font:800 8px "DM Mono",sans-serif;letter-spacing:.1em}.course-topic-header b{color:#527398;font-size:9px}.course-topic-register ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:8px 14px 12px;list-style:none}.course-topic-register li{display:flex;gap:7px;align-items:flex-start;padding:7px 2px;border-bottom:1px solid #eff3f8;color:#526d8e;font-size:9px;line-height:1.45}.course-topic-register li:nth-last-child(-n+2){border-bottom:0}.course-topic-register li i{color:#9aacbf;font:700 8px "DM Mono",sans-serif;font-style:normal;direction:ltr}.course-module.start{margin:17px -24px;padding:28px 24px;border:1px solid #b9d4f6;border-radius:16px;background:linear-gradient(105deg,#eaf4ff,#fbfdff);box-shadow:0 15px 31px rgba(24,100,197,.09)}.course-module.start .course-module-number b,.course-module.start h3{color:#0c54bd}.course-module.start .course-topic-register{border-color:#aecdf4}.course-module.capstone{padding-bottom:0}.course-learning-system{padding:78px 0;background:#0a3477;color:#fff}.course-learning-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.course-learning-title>span{color:#89c3ff}.course-learning-title h2{margin:11px 0;color:#fff;font:800 36px/1.4 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.07em}.course-learning-title p{max-width:415px;margin:0;color:#b8d2ef;font-size:13px;line-height:2}.course-learning-points{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.18)}.course-learning-points>div{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16)}.course-learning-points svg{color:#85c3ff}.course-learning-points span{display:grid;gap:3px}.course-learning-points b{font-size:13px}.course-learning-points small{color:#b7d0eb;font-size:10px;line-height:1.65}.course-dossier-final{padding:85px 0;background:#eff6ff;text-align:center}.course-dossier-final>div{max-width:760px}.course-dossier-final>div>span{color:#2671dc;font:800 9px "DM Mono",sans-serif;letter-spacing:.13em}.course-dossier-final h2{margin:12px 0 10px;color:#0d3670;font:800 35px/1.42 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.07em}.course-dossier-final p{max-width:620px;margin:0 auto;color:#5b7494;font-size:13px;line-height:2}.course-dossier-final>div>div{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px}.course-dossier-final a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:7px;color:#fff;background:#0f57be;font-size:12px;font-weight:800;box-shadow:0 9px 19px rgba(14,82,185,.18)}.course-dossier-final a+ a{color:#1258ba;background:transparent;border:1px solid #75aaf0;box-shadow:none}.course-dossier-footer{padding:22px 0;color:#8fa6c5;background:#082858}.course-dossier-footer .course-dossier-wrap{display:flex;justify-content:space-between;gap:20px;font:700 8px "DM Mono","IBM Plex Sans Arabic",sans-serif;letter-spacing:.04em}

.course-dossier-current:after{content:"ACTIVE / VERIFIED";position:absolute;left:26px;top:65px;padding:5px 7px;border:1px solid rgba(111,238,186,.58);border-radius:3px;color:#79edb7;background:rgba(2,48,41,.28);font:800 7px "DM Mono",sans-serif;letter-spacing:.08em;transform:rotate(-4deg)}.course-current-rail b{background:#65e3aa;box-shadow:0 0 12px rgba(101,227,170,.8)}.course-index-item.start{background:linear-gradient(145deg,#0e4ca5,#073172)}.course-index-item.start:after{background:#65e3aa}.course-module.prerequisite{opacity:.83}.course-module.prerequisite .course-module-mark{border-color:#c7d2e1;color:#8092aa}.course-module.start .course-module-status b{background:#118f61}.course-module.capstone{margin:20px -24px 0;padding:34px 24px;border:1px solid #0b4a9f;border-radius:16px;color:#fff;background:linear-gradient(135deg,#092e6b,#071f4c);box-shadow:0 16px 32px rgba(5,44,108,.18)}.course-module.capstone .course-module-number{color:#8eb8ef}.course-module.capstone .course-module-number b,.course-module.capstone h3{color:#fff}.course-module.capstone .course-module-number i{display:none}.course-module.capstone .course-module-status{color:#94c2f4}.course-module.capstone .course-module-status svg,.course-module.capstone header p,.course-module.capstone .course-module-detail span{color:#75e4ad}.course-module.capstone .course-module-mark{border-color:#4a84cc;color:#8ec5ff}.course-module.capstone .course-module-overview,.course-module.capstone .course-module-detail p{color:#c4d8ee}.course-module.capstone .course-module-detail>div{border-top-color:rgba(255,255,255,.2)}.course-module.capstone .course-topic-register{border-color:#3b70b1;box-shadow:none}.course-module.capstone .course-topic-header{color:#68dfa3;background:#0a285a;border-bottom-color:#315d9c}.course-module.capstone .course-topic-header b{color:#b5d4f5}.course-module.capstone .course-topic-register li{color:#d5e6f8;border-bottom-color:#2a568f}.course-module.capstone .course-topic-register li i{color:#7aacdf}

@media(max-width:980px){.course-dossier-hero-grid{grid-template-columns:1fr;gap:38px}.course-dossier-current{max-width:600px}.course-section-heading,.course-learning-grid{grid-template-columns:1fr;gap:20px}.course-index-rail{grid-template-columns:repeat(4,1fr)}.course-index-item:nth-child(4){border-left:0}.course-module{grid-template-columns:70px minmax(0,1fr)}.course-topic-register{grid-column:2}.course-learning-grid{gap:40px}.course-dossier-nav nav{gap:16px}}@media(max-width:650px){.course-dossier-wrap{width:min(100% - 28px,1180px)}.course-dossier-nav-inner{min-height:63px;gap:12px}.course-dossier-brand img{width:31px;height:31px}.course-dossier-brand b{font-size:15px}.course-dossier-brand small{font-size:5px}.course-dossier-nav nav{display:none}.course-dossier-apply{min-height:35px;padding:0 10px;font-size:9px}.course-dossier-hero{padding:45px 0 42px}.course-dossier-hero-grid{gap:25px}.course-dossier-intro h1{font-size:34px}.course-dossier-lead{font-size:12px;line-height:2}.course-dossier-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:21px}.course-dossier-primary{min-height:48px;font-size:11px}.course-dossier-current{min-height:260px;padding:22px}.course-current-number{font-size:102px}.course-dossier-current p{margin-top:-3px;font-size:11px}.course-facts-grid{grid-template-columns:1fr 1fr}.course-facts-grid>div{justify-content:flex-start;min-height:70px;padding:11px;border-bottom:1px solid #e3ebf4}.course-facts-grid>div:nth-child(2n){border-left:0}.course-facts-grid b{font-size:16px}.course-facts-grid small{font-size:8px}.course-index{padding:48px 0 22px}.course-section-heading h2{font-size:27px}.course-section-heading>p{font-size:11px}.course-index-rail{grid-template-columns:repeat(2,1fr);margin-top:24px}.course-index-item{min-height:82px;padding:12px}.course-index-item:nth-child(2n){border-left:0}.course-module{grid-template-columns:43px minmax(0,1fr);gap:12px;padding:27px 0}.course-module-number b{font-size:32px}.course-module-number i{top:48px;right:14px;height:calc(100% + 26px)}.course-module h3{font-size:24px}.course-module-overview{font-size:11px}.course-module-detail{grid-template-columns:1fr;gap:9px;margin-top:16px}.course-module-detail p{font-size:10px}.course-topic-register{grid-column:1/-1;margin-right:55px}.course-topic-register li{font-size:8px}.course-module.start{margin:10px -7px;padding:21px 7px}.course-learning-system{padding:55px 0}.course-learning-title h2{font-size:28px}.course-learning-title p{font-size:11px}.course-learning-points>div{align-items:flex-start}.course-dossier-final{padding:58px 0}.course-dossier-final h2{font-size:28px}.course-dossier-final p{font-size:11px}.course-dossier-final>div>div{flex-direction:column}.course-dossier-final a{width:100%;font-size:11px}.course-dossier-footer .course-dossier-wrap{flex-direction:column;gap:5px;font-size:6px}}

/* 2026 public system — minimal institutional / conversion-led */
:root{--soc-ink:#092b59;--soc-blue:#0b5fcc;--soc-signal:#1cae75;--soc-surface:#f7faff;--soc-line:#d8e4f1;--soc-muted:#5f7693;--soc-ease:cubic-bezier(.23,1,.32,1)}
.roadmap-page,.course-dossier-page{background:var(--soc-surface);color:var(--soc-ink)}.roadmap-nav,.course-dossier-nav{border-color:rgba(12,56,111,.12);background:rgba(255,255,255,.88);box-shadow:0 1px 0 rgba(8,46,92,.03);backdrop-filter:blur(18px)}.roadmap-nav{height:74px}.roadmap-nav .nav-content{min-height:74px}.roadmap-brand b,.course-dossier-brand b{color:#092c5c}.roadmap-brand small,.course-dossier-brand small{color:#6a7f9d}.roadmap-nav nav,.course-dossier-nav nav{color:#56708d}.roadmap-nav nav a,.course-dossier-nav nav a{transition:color .18s var(--soc-ease),border-color .18s var(--soc-ease)}.roadmap-nav nav a:hover,.roadmap-nav nav a:focus-visible,.course-dossier-nav nav a:hover,.course-dossier-nav nav a:focus-visible{color:var(--soc-blue)}.roadmap-nav-button,.course-dossier-apply{border-radius:8px;background:#092d62;box-shadow:none}.roadmap-nav-button:hover,.course-dossier-apply:hover{background:#0c55b8;box-shadow:none}.blue-nav-access{color:#0a6a9b!important}

.reference-hero{padding-top:72px;background:linear-gradient(112deg,#fff 0%,#f8fbff 50%,#edf5ff 100%)}.reference-hero-grid{opacity:.44;background-size:62px 62px;animation:none;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 84%,transparent 100%)}.reference-hero-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(57,147,255,.09) 48%,transparent 71%);transform:translateX(-95%);animation:soc-packet-drift 14s var(--soc-ease) infinite}.reference-hero:before{right:-10%;bottom:6%;width:40vw;height:40vw;border-color:rgba(12,91,200,.12);box-shadow:0 0 0 36px rgba(12,91,200,.025),0 0 0 94px rgba(12,91,200,.018);animation:none}.reference-hero:after{display:none}.reference-orb{display:none}.reference-hero-inner{gap:72px;padding:32px 0 42px}.reference-kicker{border-radius:6px;color:#0d5ebf;background:#eff6ff;border-color:#d9eaff;font-size:11px;letter-spacing:.01em}.reference-copy h1{max-width:645px;margin:20px 0 17px;color:#092c5c;font-size:clamp(40px,4.1vw,65px);line-height:1.31}.reference-copy h1 em{color:#0c66d7}.reference-copy h1 .reference-hero-secondary{color:#214f85;font-size:.58em;line-height:1.5}.reference-copy h1 .reference-hero-secondary b{color:#0a6eac}.reference-copy>p{max-width:590px;color:#5b728f;font-size:15px;line-height:2}.reference-copy>p b{color:#0a649f}.reference-facts{max-width:585px;margin-top:25px}.reference-facts>div{padding:0 12px;border-color:#dce6f0}.reference-facts svg{color:#0b67cf}.reference-facts b{color:#183e71}.reference-facts small{color:#778ba5}.reference-primary-cta,.reference-outline-cta{min-height:56px;border-radius:8px;padding:0 20px;font-size:13px}.reference-primary-cta{background:#0b5fcc;box-shadow:0 10px 20px rgba(11,95,204,.18)}.reference-primary-cta:hover{background:#084b9e;box-shadow:0 14px 25px rgba(11,95,204,.22)}.reference-outline-cta{border-color:#b5cce9;color:#144d90;background:rgba(255,255,255,.72)}.reference-outline-cta:hover{border-color:#0b5fcc;background:#f7fbff}.reference-sudan-note{border-radius:8px;border-color:#dbe6f2;background:#fff;color:#2b527f}.reference-sudan-note .sudan-dot{font-size:18px}.reference-contacts{color:#6d86a3}.reference-contacts a{color:#1261bc}.reference-visual{padding-top:0}.reference-workflow{min-height:140px;padding:20px 16px;border-radius:12px;border-color:#d6e1ee;background:rgba(255,255,255,.93);box-shadow:0 14px 30px rgba(20,76,143,.07);backdrop-filter:none}.reference-workflow-step>span{font-size:11px}.reference-workflow-step svg{padding:5px;border-radius:7px;background:#edf5ff}.reference-workflow-step small{font-size:9px}.workflow-arrow{top:32px;color:#4c6c98;font-size:24px}.soc-dashboard{margin:16px 0 0 14px;border-radius:13px;border-color:#ccdced;box-shadow:0 18px 34px rgba(20,68,130,.12);transform:none}.dashboard-shield{background:#0b64cf;box-shadow:0 11px 22px rgba(11,100,207,.23);transform:none}.reference-proof-band{margin-top:0;border-radius:10px;border-color:#dce6f1;box-shadow:0 10px 22px rgba(17,79,165,.05)}.reference-proof-band>div{min-height:82px}.reference-proof-band svg{color:#0b67cf}.reference-proof-band b{color:#173e75}.reference-proof-band small{color:#7185a0}.path-clarity-section,.requirements-section{background:#f7faff;border-color:#e1ebf5}.path-clarity-heading h2,.section-title h2{color:#0a315f}.path-clarity-heading p,.section-title p{color:#667f9d}.path-prerequisites{border-radius:12px;background:#092e62;box-shadow:none}.path-ready-note{border-color:rgba(93,225,169,.27);background:rgba(37,180,116,.09)}.path-ready-note svg{color:#67daa0}.path-start-panel{border-radius:12px;border-color:#cce0f7;box-shadow:none}.path-start-panel b i{color:#0b66ce}.path-week{border-radius:10px;box-shadow:none}.path-week.is-start{border-color:#0c5ec3;background:#0b5fcc;box-shadow:0 10px 19px rgba(11,95,204,.16)}.path-outcome{border-radius:10px}.requirement-grid article{border-radius:10px;box-shadow:none}.requirement-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 23px rgba(13,58,123,.08)}.experience-section{background:#fff}.incident-card{border-radius:12px;box-shadow:none}.footer-cta{background:#092d62}.roadmap-footer{background:#071f45}.roadmap-mobile-cta{border-radius:10px;background:rgba(6,37,84,.95);box-shadow:0 10px 28px rgba(4,29,67,.23)}

.course-dossier-hero{padding:78px 0 66px;background:linear-gradient(112deg,#fff 0%,#f7fbff 55%,#edf5ff 100%)}.course-dossier-hero:before{opacity:.52;background-size:62px 62px}.course-dossier-rule{border-color:rgba(11,95,204,.11);box-shadow:0 0 0 36px rgba(11,95,204,.02),0 0 0 92px rgba(11,95,204,.015)}.course-dossier-intro h1{color:#092d5d}.course-dossier-intro h1 em{color:#0b66d2}.course-dossier-lead{color:#5d7592}.course-dossier-lead b{color:#0a64c6}.course-dossier-primary{border-radius:8px;background:#0b5fcc;box-shadow:0 10px 20px rgba(11,95,204,.18)}.course-dossier-primary:hover{background:#084b9e;box-shadow:0 14px 25px rgba(11,95,204,.22)}.course-dossier-current{border-radius:13px;border-color:#0c4a9d;background:#092e62;box-shadow:16px 17px 0 rgba(13,88,191,.08),0 18px 34px rgba(13,70,146,.15)}.course-dossier-current:after{color:#74e7af;border-color:rgba(116,231,175,.57);background:rgba(1,55,39,.32)}.course-current-rail b{background:#69dfaa;box-shadow:0 0 10px rgba(105,223,170,.7)}.course-facts-grid>div{min-height:84px}.course-facts-grid svg{color:#0b67cf}.course-index,.course-modules{background:#f7faff}.course-index-rail,.course-topic-register{border-color:#d7e3f0;box-shadow:none}.course-index-item{border-color:#dfe9f3}.course-index-item.start{background:#092e62}.course-module{border-color:#d8e4ef}.course-module.start{border-radius:12px;border-color:#c7ddf4;box-shadow:none}.course-module.capstone{border-radius:12px;box-shadow:none}.course-learning-system{background:#092e62}.course-dossier-final{background:#eef6ff}.course-dossier-final a{border-radius:8px;background:#0b5fcc;box-shadow:0 9px 18px rgba(11,95,204,.16)}.course-dossier-footer{background:#071f45}

.application-page{background:#f6f9fd}.application-header{border-color:#d6e3f0}.application-header:after{color:#6b83a0}.application-header-meta>span,.brand-copy span{color:#52739a}.brand-copy strong{color:#0b315f}.wizard-shell{border-color:#d6e2ef;box-shadow:0 20px 45px rgba(16,69,135,.08)}.wizard-top{border-top-color:#27bd80;background:#092e62}.wizard-dossier b,.wizard-step-label{color:#75e3ad}.wizard-content{background:#fff}.option-tile{border-color:#d7e3ef;background:#fff}.option-tile:hover,.option-tile.selected{border-color:#0b65cf;background:#eff7ff}.button-primary{border-radius:7px;background:#0b5fcc}.button-primary:hover{background:#084b9e}.success-page{background:#092e62}.success-card{border-top-color:#25b77b;background:#fff;box-shadow:18px 20px 0 rgba(75,167,255,.12)}.application-id{border-color:#79dca9;background:#effbf5;color:#08734a}.optional-assessment-page{background:#092e62}.optional-dossier{border-color:rgba(113,224,169,.3);background:#0b3877;box-shadow:16px 17px 0 rgba(67,150,236,.1)}.optional-dossier h1 em,.optional-dossier-head{color:#75e3ad}.optional-progress i.done{background:#75e3ad}.optional-content{background:#fff;box-shadow:16px 17px 0 rgba(4,24,59,.18)}

@keyframes soc-packet-drift{0%,18%{transform:translateX(-95%);opacity:0}28%,62%{opacity:1}83%,100%{transform:translateX(95%);opacity:0}}@media(prefers-reduced-motion:reduce){.reference-hero-grid:after{animation:none}.reference-hero-grid{animation:none}.reference-copy.motion-rise,.reference-visual.motion-rise{animation:none!important}}
@media(max-width:650px){.roadmap-nav,.roadmap-nav .nav-content{height:64px;min-height:64px}.reference-hero{padding-top:34px}.reference-hero-inner{padding-bottom:28px}.reference-copy h1{font-size:clamp(33px,10vw,45px)}.reference-workflow{border-radius:10px}.soc-dashboard{margin:14px 0 0 8px}.course-dossier-hero{padding-top:46px}.course-dossier-current{box-shadow:10px 11px 0 rgba(13,88,191,.07),0 14px 28px rgba(13,70,146,.13)}.application-header{width:min(100% - 30px,1240px)}}

/* SOC dossier details: intentional metadata, semantic signal colours, quiet radar sweep */
.reference-copy:before{content:"HK / SOC ROADMAP   ·   ACTIVE COHORT / WEEK 04";display:block;margin-bottom:11px;color:#2471cd;font:800 8px "DM Mono",sans-serif;letter-spacing:.1em;direction:ltr}.reference-copy:after{content:"";display:block;position:absolute;top:5px;left:0;width:54px;height:1px;background:#6bdca5;box-shadow:66px 0 0 #d6e2ef,82px 0 0 #d6e2ef,98px 0 0 #d6e2ef}.reference-kicker{position:relative}.reference-kicker svg{color:#1c9c6a}.reference-workflow:before{content:"ANALYST WORKFLOW / 05 STATES";position:absolute;top:-9px;right:16px;padding:0 8px;color:#6783a6;background:#f9fcff;font:800 7px "DM Mono",sans-serif;letter-spacing:.09em}.reference-workflow-step.green>span,.reference-workflow-step.green svg{color:#12835a}.reference-workflow-step.green svg{background:#eaf9f1}.reference-workflow-step.red>span,.reference-workflow-step.red svg{color:#cf4a4e}.dashboard-counters .alert-count b,.dashboard-counters .alert-count span{color:#cf4a4e}.dashboard-counters span,.dashboard-counters .down{color:#16865c}
.blue-team-hero{position:relative;overflow:hidden;padding:78px 0 70px;background:linear-gradient(115deg,#fff 0%,#f7fbff 58%,#edf5ff 100%)}.blue-team-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(11,95,204,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,95,204,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 34%,#000 75%,transparent)}.blue-team-layout{position:relative;z-index:1}.blue-team-layout>div:first-child:before{content:"DEFENSIVE OPERATIONS / BLUE TEAM";display:block;margin-bottom:11px;color:#2573ce;font:800 8px "DM Mono",sans-serif;letter-spacing:.11em;direction:ltr}.blue-team-layout h1{color:#092d5d}.blue-team-layout h1 em{color:#0b66d1}.blue-team-layout p{color:#5f7694}.blue-command-board{border-radius:12px;border-color:#0f4c98;background:#092e62;box-shadow:16px 17px 0 rgba(12,88,190,.08),0 17px 33px rgba(14,67,139,.15)}.blue-command-board:before{opacity:.16;background-size:32px 32px}.board-head b{border-radius:3px;color:#8eeabd;background:rgba(25,164,103,.22);border:1px solid rgba(110,229,170,.28)}.board-radar{border-color:rgba(166,210,255,.38);box-shadow:0 0 0 29px rgba(100,159,255,.055),0 0 0 58px rgba(100,159,255,.028)}.board-radar:after{content:"";position:absolute;top:50%;right:50%;width:50%;height:1px;transform-origin:right center;background:linear-gradient(90deg,rgba(102,232,169,.95),transparent);animation:board-sweep 7s linear infinite}.board-callout{color:#d9ebff}.blue-pillars-grid article{border-radius:8px;box-shadow:none;border-color:#d9e4f0}.blue-pillars-grid article:hover{transform:translateY(-4px);border-color:#a6c8ef;box-shadow:0 12px 23px rgba(16,76,151,.07)}.blue-pillars-grid article>span{color:#7a95b6}.blue-pillars-grid svg{color:#0b66d1}.blue-route-band{background:#092e62}.blue-route-band .button-blue{background:#0b5fcc}.blue-route-band .button-blue:hover{background:#084b9e}.blue-route-band span{color:#78e1aa}.blue-route-band p{color:#b7cde8}
@keyframes board-sweep{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.board-radar:after{animation:none}}

/* Registration system: explicit operational status colours, no legacy gold palette */
.application-page .wizard-top{border-top-color:#25bc7d!important;background:#092e62!important}.application-page .wizard-dossier b,.application-page .wizard-step-label{color:#76e2aa!important}.application-page .wizard-progress i.done{background:#28bf82!important}.application-page .option-tile.selected,.application-page .option-tile:hover{border-color:#0b64ca!important;background:#eff7ff!important;color:#0b356b!important}.application-page .skill-row select:focus,.application-page .form-field input:focus,.application-page .form-field select:focus,.application-page .form-field textarea:focus{border-color:#0b64ca!important;box-shadow:0 0 0 3px rgba(11,100,202,.12)!important}.application-page .quiz-question{border-right-color:#0b64ca!important;background:#f3f8ff!important}.application-page .quiz-option.selected{border-color:#0b64ca!important;background:#eaf4ff!important;color:#0b356b!important}.application-page .consent{background:#f2f7fc!important}.application-page .consent input{accent-color:#0b64ca!important}.application-page .evaluation-card{border-right-color:#1aaf72!important;background:#effaf4!important}.application-page .evaluation-card.foundation{border-right-color:#0b64ca!important;background:#eff6ff!important}.application-page .evaluation-state{color:#117b54!important}.application-page .evaluation-card.foundation .evaluation-state{color:#0b5fbd!important}.application-page .application-header:after{color:#5a7799!important}

/* Optional post-registration capability assessment */
.success-page { position:relative; overflow:hidden; }.success-grid,.optional-grid { position:absolute; inset:0; opacity:.42; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,black,transparent 78%); }.success-card { position:relative; z-index:1; }.success-dossier { display:flex; align-items:center; gap:9px; color:#9eb1c3; font:700 8px "Alexandria"; letter-spacing:.12em; direction:ltr; }.success-dossier i { flex:1; height:1px; background:#d7b15e; }.success-dossier b { color:#b68a3d; }.success-overline { margin:0 0 6px !important; color:#a57d36 !important; font:700 10px "Alexandria"; letter-spacing:.09em; }.success-mail { display:flex; align-items:flex-start; justify-content:center; gap:7px; margin-top:20px !important; }.success-optional { position:relative; display:grid; grid-template-columns:1fr auto; gap:15px; margin-top:27px; padding:22px; overflow:hidden; text-align:right; border:1px solid rgba(215,177,94,.5); background:linear-gradient(135deg,#163d62,#0d263f); color:#f8f4e9; }.success-optional:after { content:""; position:absolute; left:-70px; bottom:-85px; width:185px; height:185px; border:1px solid rgba(215,177,94,.25); border-radius:50%; }.success-optional>div { position:relative; z-index:1; }.success-optional>svg { color:#d7b15e; }.success-optional span { color:#d7b15e; font:700 9px "Alexandria"; letter-spacing:.1em; direction:ltr; }.success-optional h2 { margin:8px 0; color:#fffaf0; font:700 21px/1.5 "Alexandria"; }.success-optional p { max-width:470px; margin:0; color:#bdcbd8; font-size:12px; line-height:1.9; }.success-optional a { position:relative; z-index:1; grid-column:1/-1; width:max-content; }.success-return { display:inline-flex; align-items:center; gap:7px; margin-top:22px; color:#4e647a; font-size:12px; font-weight:700; border-bottom:1px solid #c7af78; padding-bottom:4px; }
.optional-assessment-page { position:relative; min-height:100vh; overflow:hidden; padding:36px 0 90px; color:#f8f3e8; background:#071a2e; }.optional-wrap { position:relative; z-index:1; }.optional-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:35px; color:#d7b15e; font:700 10px "Alexandria"; letter-spacing:.08em; direction:ltr; }.optional-back { display:inline-flex; align-items:center; gap:7px; color:#f4f0e7; direction:rtl; font-family:"IBM Plex Sans Arabic"; font-size:12px; }.optional-dossier { padding:44px 52px 38px; border:1px solid rgba(215,177,94,.45); background:linear-gradient(130deg,#143f64,#0c263f); box-shadow:18px 18px 0 rgba(215,177,94,.12); }.optional-dossier-head { display:flex; justify-content:space-between; color:#d7b15e; font:700 9px "Alexandria"; letter-spacing:.13em; direction:ltr; }.optional-dossier h1 { margin:27px 0 13px; color:#fff9ee; font:700 clamp(34px,4.5vw,59px)/1.32 "Alexandria"; letter-spacing:-.05em; }.optional-dossier h1 em { color:#d7b15e; font-style:normal; }.optional-dossier p { max-width:710px; margin:0; color:#bdcbd8; font-size:14px; line-height:2; }.optional-progress { display:flex; gap:5px; margin-top:30px; }.optional-progress i { height:3px; flex:1; background:rgba(255,255,255,.17); }.optional-progress i.done { background:#d7b15e; }.optional-content { min-height:540px; padding:44px 52px; background:#fffdf8; color:#163554; box-shadow:18px 18px 0 rgba(4,13,25,.24); }.optional-step { color:#a57d36; font:700 10px "Alexandria"; letter-spacing:.08em; }.optional-content h2 { margin:10px 0; font:700 29px "Alexandria"; }.optional-content>p { margin:0 0 26px; color:#66788a; font-size:13px; line-height:1.9; }.optional-skills { border-top:1px solid #e2ddd2; }.optional-skills label { display:grid; grid-template-columns:1fr 220px; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid #e2ddd2; }.optional-skills b { font-size:13px; }.optional-skills select { height:39px; border:1px solid #d5d0c7; background:#fff; color:#294863; padding:0 10px; }.optional-actions { display:flex; justify-content:space-between; align-items:center; margin-top:31px; }.optional-plain { display:inline-flex; align-items:center; gap:7px; border:0; background:transparent; color:#385876; font-size:12px; font-weight:700; }.optional-plain:disabled { opacity:.3; cursor:not-allowed; }.optional-quiz { display:grid; gap:13px; }.optional-quiz article { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:15px; border-right:3px solid #d7b15e; background:#f5f2eb; }.optional-quiz article>b { color:#b08432; font:700 18px "Alexandria"; }.optional-quiz p { margin:0 0 12px; color:#27435e; font-size:13px; font-weight:700; }.optional-quiz article>div>div { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }.optional-quiz button { padding:9px; text-align:right; border:1px solid #d9d4c9; background:#fffdf8; color:#5b6f80; font-size:11px; }.optional-quiz button.selected { border-color:#ad8132; background:#fbefd2; color:#6f511b; }.loading-copy { display:flex; align-items:center; gap:8px; }.optional-result { max-width:650px; text-align:right; }.optional-result>svg { color:#c2943d; }.optional-result>span { display:block; margin-top:12px; color:#a57d36; font:700 10px "Alexandria"; letter-spacing:.1em; }.optional-result h2 { color:#173a5c; }.optional-result p { max-width:570px; color:#66788a; line-height:2; }.optional-result>div { display:flex; gap:11px; margin:23px 0; }.optional-result>div b { min-width:130px; padding:13px; background:#f3f1ea; color:#173a5c; font:700 24px "Alexandria"; }.optional-result small { display:block; margin-top:3px; color:#7d8a94; font:600 9px "Alexandria"; }.optional-error { width:min(500px,calc(100% - 40px)); margin:18vh auto; padding:40px; text-align:center; background:#fffdf8; color:#183957; }.optional-error svg { color:#bd913e; }.optional-error h1 { font:700 24px "Alexandria"; }.optional-error p { color:#66788a; line-height:1.8; }
@media (max-width:560px) { .success-dossier{font-size:7px}.success-optional{padding:18px}.success-optional h2{font-size:18px}.optional-assessment-page{padding-top:22px}.optional-header{margin-bottom:22px}.optional-dossier,.optional-content{padding:27px 21px}.optional-dossier h1{font-size:32px}.optional-skills label{grid-template-columns:1fr;gap:7px}.optional-quiz article>div>div{grid-template-columns:1fr}.optional-actions{align-items:stretch}.optional-actions .academy-button{flex:1}.optional-result>div b{min-width:0;flex:1}.success-card{padding:31px 20px} }

/* Institutional editorial public identity */
.institution-site { overflow:hidden; background:#e9e5dc; color:#141b1d; }.institution-width { width:min(1240px,calc(100% - 72px)); margin:0 auto; }.institution-nav { position:sticky; z-index:60; top:0; background:rgba(233,229,220,.95); border-bottom:1px solid #c8c0b1; backdrop-filter:blur(14px); }.nav-line { height:84px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; }.institution-brand { display:flex; align-items:center; gap:11px; justify-self:start; }.institution-brand img { width:53px; height:53px; object-fit:contain; }.institution-brand span { display:grid; gap:2px; }.institution-brand b { font:700 14px "Noto Kufi Arabic"; color:#182227; }.institution-brand small { color:#796a56; font:500 8px "DM Mono"; letter-spacing:.08em; direction:ltr; }.nav-chapters { display:flex; align-items:center; gap:32px; color:#4d5655; font-size:12px; }.nav-chapters a { position:relative; padding:5px 0; }.nav-chapters a:after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; background:#9a7041; transform:scaleX(0); transform-origin:right; transition:transform .2s ease; }.nav-chapters a:hover:after { transform:scaleX(1); }.nav-apply { justify-self:end; display:inline-flex; align-items:center; gap:10px; padding:13px 15px; color:#f4efe4; background:#17242a; font-size:12px; font-weight:700; }.nav-apply span { color:#cfad73; font:500 10px "DM Mono"; border-left:1px solid rgba(255,255,255,.2); padding-left:9px; direction:ltr; }
.institution-hero { border-bottom:1px solid #c8c0b1; background:#e9e5dc; }.hero-sheet { padding:34px 0 0; }.hero-metadata { display:flex; align-items:center; gap:12px; color:#7a6a54; font:500 9px "DM Mono"; letter-spacing:.08em; direction:ltr; }.hero-metadata i { display:block; flex:1; height:1px; background:#b6ab99; }.hero-main { display:grid; grid-template-columns:1.25fr .75fr; gap:68px; align-items:stretch; padding:65px 0 60px; }.hero-kicker,.section-note { margin:0; color:#8d6537; font:600 10px "Noto Kufi Arabic"; letter-spacing:.06em; }.hero-main h1 { max-width:780px; margin:19px 0 20px; color:#141b1d; font:600 clamp(44px,5.7vw,84px)/1.14 "Noto Kufi Arabic"; letter-spacing:-.075em; }.hero-main h1 em,.institution-site h2 em { color:#9a7041; font-style:normal; }.hero-intro { max-width:625px; margin:0; color:#4d5858; font-size:16px; line-height:2.05; }.hero-actions { display:flex; align-items:center; gap:24px; margin-top:32px; }.editorial-button { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:52px; padding:0 21px; color:#f4efe4; background:#17242a; border:1px solid #17242a; font-size:13px; font-weight:700; transition:background .18s ease,transform .18s ease; }.editorial-button:hover { background:#354247; }.editorial-button:active { transform:scale(.98); }.line-link { display:inline-flex; align-items:center; gap:8px; padding-bottom:5px; border-bottom:1px solid #9a7041; color:#273438; font-size:13px; font-weight:700; }.hero-register { position:relative; display:flex; min-height:450px; flex-direction:column; padding:26px; overflow:hidden; color:#ebeadf; background:#18272c; border-top:4px solid #b48b52; }.hero-register:before { content:""; position:absolute; inset:16px; border:1px solid rgba(230,221,200,.18); pointer-events:none; }.hero-register img { position:relative; width:147px; height:100px; object-fit:contain; object-position:right top; filter:grayscale(1) brightness(4); opacity:.82; }.register-number { position:absolute; top:62px; left:23px; color:rgba(255,255,255,.1); font:600 130px/1 "Cormorant Garamond"; direction:ltr; }.register-copy { position:relative; z-index:1; margin-top:auto; padding-top:20px; border-top:1px solid rgba(255,255,255,.24); direction:ltr; }.register-copy span { color:#b9aa92; font:500 9px "DM Mono"; letter-spacing:.1em; }.register-copy strong { display:block; margin:10px 0 12px; color:#f1eadb; font:600 26px "Cormorant Garamond"; letter-spacing:.04em; }.register-copy p { max-width:280px; margin:0; color:#c7c3b9; font-size:12px; line-height:1.9; direction:rtl; }.register-copy b { color:#dfbe7c; direction:ltr; }.register-stamp { position:relative; z-index:1; display:flex; align-items:center; gap:7px; margin-top:23px; color:#bb9c65; font:500 8px "DM Mono"; letter-spacing:.1em; direction:ltr; }.hero-footnote { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:18px 0; border-top:1px solid #c8c0b1; color:#5e6563; font-size:11px; }.hero-footnote span:last-child { font:500 9px "DM Mono"; direction:ltr; letter-spacing:.08em; }
.programme-facts { background:#d3bd94; border-bottom:1px solid #a48a61; }.facts-row { display:grid; grid-template-columns:repeat(4,1fr); }.facts-row>div { display:flex; align-items:baseline; gap:12px; min-height:103px; padding:25px 26px; border-left:1px solid rgba(47,39,29,.22); }.facts-row>div:last-child { border:0; }.facts-row b { color:#1d2829; font:600 34px "Cormorant Garamond"; direction:ltr; }.facts-row span { color:#3e3d37; font-size:11px; }
.manifest-section { display:grid; grid-template-columns:130px 1.15fr .85fr; gap:44px; padding:130px 0; }.manifest-mark { color:#9a7041; font:600 112px/.8 "Cormorant Garamond"; }.manifest-section h2,.ledger-heading h2,.admission-heading h2,.placement-layout h2 { margin:9px 0 0; color:#172124; font:600 clamp(34px,4vw,58px)/1.35 "Noto Kufi Arabic"; letter-spacing:-.065em; }.manifest-copy { border-right:1px solid #bcb4a6; padding-right:30px; }.manifest-copy p { margin:0 0 18px; color:#555f5f; font-size:15px; line-height:2.08; }
.ledger-section { padding:108px 0; color:#eee9dd; background:#18272c; }.section-note.dark { color:#d3bd94; }.ledger-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end; margin-bottom:47px; }.ledger-heading h2,.placement-layout h2 { color:#f0eadf; }.ledger-heading p { margin:0; color:#b9c1bd; font-size:14px; line-height:2; }.ledger-grid { display:grid; grid-template-columns:1.05fr .95fr; border-top:1px solid rgba(232,226,212,.33); }.ledger-list { border-left:1px solid rgba(232,226,212,.33); }.ledger-row { width:100%; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:13px; padding:14px 18px; text-align:right; color:#e9e4d9; border:0; border-bottom:1px solid rgba(232,226,212,.16); background:transparent; transition:background .18s ease,padding .18s ease; }.ledger-row:hover { background:rgba(255,255,255,.04); }.ledger-row.active { padding-right:27px; color:#17272c; background:#d3bd94; }.ledger-row>span { color:#d2bc94; font:500 15px "DM Mono"; direction:ltr; }.ledger-row.active>span { color:#405153; }.ledger-row b { font-size:14px; }.ledger-row small { display:block; margin-top:2px; color:inherit; opacity:.62; font-size:10px; font-weight:400; }.ledger-row i { color:#9eafaa; font-size:10px; font-style:normal; }.ledger-row.active i { color:#293a3c; }.ledger-detail { position:relative; min-height:534px; padding:38px 43px; overflow:hidden; background:#23363b; }.ledger-detail:after { content:""; position:absolute; width:320px; height:320px; left:-144px; bottom:-181px; border:1px solid rgba(211,189,148,.36); border-radius:50%; box-shadow:0 0 0 43px rgba(211,189,148,.04); }.detail-top { position:relative; z-index:1; display:flex; justify-content:space-between; color:#d3bd94; font:500 9px "DM Mono"; letter-spacing:.09em; direction:ltr; }.ledger-detail h3 { position:relative; z-index:1; margin:64px 0 13px; color:#f1eadc; font:600 46px/1.1 "Cormorant Garamond"; direction:ltr; }.ledger-detail h3 small { display:block; margin-top:9px; color:#bdc6c1; font:400 15px "IBM Plex Sans Arabic"; direction:rtl; }.ledger-detail>p { position:relative; z-index:1; max-width:420px; margin:0; color:#c9d1cc; font-size:14px; line-height:2; }.detail-tags { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }.detail-tags span { border:1px solid rgba(239,234,222,.32); padding:6px 9px; color:#ece6da; font:500 9px "DM Mono"; direction:ltr; }.detail-seal { position:absolute; z-index:1; right:43px; bottom:33px; left:43px; display:flex; align-items:center; gap:9px; padding-top:13px; border-top:1px solid rgba(239,234,222,.2); color:#b5c1bb; font:500 9px "DM Mono"; letter-spacing:.08em; direction:ltr; }.detail-seal svg:last-child { margin-right:auto; }
.admission-section { padding:122px 0; }.admission-heading { display:grid; grid-template-columns:1.12fr .88fr; gap:55px; align-items:end; margin-bottom:51px; }.admission-heading>p { margin:0; color:#586160; font-size:15px; line-height:2; }.admission-columns { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #afa696; }.admission-columns article { position:relative; min-height:258px; padding:27px; border-left:1px solid #afa696; }.admission-columns article:last-child { border:0; }.admission-columns article>span { position:absolute; left:26px; top:25px; color:#99723e; font:500 11px "DM Mono"; }.admission-columns svg { color:#263a3d; }.admission-columns h3 { margin:26px 0 8px; color:#1e2b2c; font:600 27px "Cormorant Garamond"; direction:ltr; }.admission-columns p { max-width:280px; margin:0; color:#606968; font-size:13px; line-height:1.9; }.admission-remark { display:flex; align-items:flex-start; gap:11px; margin-top:29px; padding-top:17px; border-top:1px solid #afa696; color:#4c5857; font-size:13px; line-height:1.9; }.admission-remark svg { flex:none; color:#9a7041; }.admission-remark p { margin:0; }.admission-remark b { color:#273538; direction:ltr; }
.placement-section { padding:104px 0; color:#f0eadf; background:#101719; }.placement-layout { display:grid; grid-template-columns:1.12fr .88fr; gap:86px; align-items:center; }.placement-layout>div>p:not(.section-note) { max-width:620px; margin:25px 0 29px; color:#bdc5bf; font-size:15px; line-height:2.05; }.placement-layout .editorial-button { background:#d3bd94; color:#192526; border-color:#d3bd94; }.placement-plate { position:relative; min-height:334px; padding:30px; overflow:hidden; border:1px solid rgba(211,189,148,.62); background:#1b2a2d; }.placement-plate>span { position:absolute; top:16px; left:23px; color:rgba(239,234,222,.1); font:600 120px/1 "Cormorant Garamond"; direction:ltr; }.placement-plate>b { position:relative; z-index:1; color:#e9e3d7; font:600 29px/1.25 "Cormorant Garamond"; letter-spacing:.04em; direction:ltr; }.placement-plate>div { position:relative; z-index:1; width:100%; height:1px; margin:22px 0; background:#d3bd94; }.placement-plate p { position:relative; z-index:1; color:#aebbb4; font:500 11px/1.9 "DM Mono"; direction:ltr; }.institution-closing { padding:66px 0; background:#d3bd94; }.closing-row { display:grid; grid-template-columns:135px 1fr auto; gap:45px; align-items:center; }.closing-row img { width:110px; height:90px; object-fit:contain; }.closing-row blockquote { max-width:680px; margin:0; color:#1c2b2c; font:600 25px/1.75 "Noto Kufi Arabic"; }.line-link.dark { color:#1c2b2c; }.institution-footer { padding:43px 0 94px; color:#c6ccc5; background:#18272c; }.footer-row { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }.footer-row b { display:block; color:#f0eadf; font-size:14px; }.footer-row span { display:block; margin-top:6px; color:#b29a6d; font:500 9px "DM Mono"; letter-spacing:.1em; direction:ltr; }.footer-row>div:last-child { color:#b9c1bb; font-size:12px; line-height:2; direction:ltr; text-align:left; }.mobile-editorial-cta { display:none; }
@media (max-width:900px) { .institution-width{width:min(100% - 40px,1240px)}.nav-line{grid-template-columns:1fr auto}.nav-chapters{display:none}.hero-main,.ledger-heading,.ledger-grid,.admission-heading,.placement-layout{grid-template-columns:1fr}.hero-main{gap:38px}.hero-register{max-width:540px;min-height:360px}.manifest-section{grid-template-columns:90px 1fr;gap:26px}.manifest-copy{grid-column:2;border-right:0;border-top:1px solid #bcb4a6;padding:22px 0 0}.ledger-list{border-left:0}.ledger-detail{min-height:430px}.admission-columns{grid-template-columns:1fr}.admission-columns article{min-height:190px;border-left:0;border-bottom:1px solid #afa696}.admission-columns article:last-child{border-bottom:0}.placement-plate{max-width:480px}.closing-row{grid-template-columns:110px 1fr}.closing-row>a{grid-column:2;width:max-content}.mobile-editorial-cta{display:flex;position:fixed;z-index:70;right:14px;left:14px;bottom:14px;padding:8px;background:rgba(23,36,42,.94);backdrop-filter:blur(12px)}.mobile-editorial-cta a{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;background:#d3bd94;color:#17242a;font-size:13px;font-weight:800}.institution-footer{padding-bottom:94px} }
@media (max-width:560px) { .institution-width{width:min(100% - 28px,1240px)}.nav-line{height:68px}.institution-brand img{width:42px;height:42px}.institution-brand small{display:none}.nav-apply{padding:10px 11px;font-size:11px}.nav-apply span{display:none}.hero-sheet{padding-top:20px}.hero-metadata{font-size:7px}.hero-main{padding:43px 0 38px}.hero-main h1{font-size:43px}.hero-intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-register{min-height:315px;padding:20px}.hero-register img{width:126px;height:72px}.register-copy strong{font-size:23px}.hero-footnote{display:grid;gap:8px}.facts-row{grid-template-columns:repeat(2,1fr)}.facts-row>div{min-height:82px;padding:15px;border-bottom:1px solid rgba(47,39,29,.22)}.facts-row b{font-size:27px}.manifest-section{grid-template-columns:1fr;padding:78px 0;gap:18px}.manifest-mark{font-size:64px}.manifest-copy{grid-column:auto}.ledger-section{padding:75px 0}.ledger-heading{gap:19px;margin-bottom:28px}.ledger-row{grid-template-columns:40px 1fr auto;padding:12px}.ledger-row.active{padding-right:18px}.ledger-row i{font-size:8px}.ledger-detail{padding:27px 23px;min-height:380px}.ledger-detail h3{margin-top:45px;font-size:38px}.detail-seal{right:23px;left:23px;bottom:22px}.admission-section{padding:76px 0}.admission-heading{gap:18px;margin-bottom:29px}.admission-columns article{padding:21px}.placement-section{padding:75px 0}.placement-layout{gap:35px}.placement-plate{min-height:270px}.closing-row{grid-template-columns:1fr;gap:16px}.closing-row img{width:96px}.closing-row>a{grid-column:auto}.closing-row blockquote{font-size:20px}.footer-row{align-items:flex-start;flex-direction:column}.footer-row>div:last-child{text-align:right} }

/* Institutional dossier system for the registration flow */
.application-page { min-height:100vh; padding:0 0 80px; background:#e9e5dc; }.application-grid-mark { display:none; }.application-header { width:min(1240px,calc(100% - 72px)); min-height:84px; margin:0 auto 52px; border-bottom:1px solid #c8c0b1; }.application-header:after { content:"ملف الالتحاق / SCHOOL OF SECURITY OPERATIONS"; color:#756650; font:500 8px "DM Mono"; letter-spacing:.09em; direction:ltr; }.application-header-meta>span { color:#8e6638; font:500 9px "DM Mono"; }.brand-lockup { gap:11px; }.brand-logo { width:53px; height:53px; }.brand-copy strong { color:#182227; font:700 14px "Noto Kufi Arabic"; }.brand-copy span { color:#756650; font:500 8px "DM Mono"; letter-spacing:.08em; }.button-ghost { color:#27383a; font-size:12px; }.wizard-shell { width:min(980px,calc(100% - 40px)); margin:0 auto; box-shadow:none; border:1px solid #bfb6a6; }.wizard-top { position:relative; padding:31px 43px 27px; overflow:hidden; background:#18272c; border-top:3px solid #b98c4d; }.wizard-top:after { content:"HK 03"; position:absolute; left:26px; bottom:-34px; color:rgba(255,255,255,.055); font:600 88px "Cormorant Garamond"; direction:ltr; }.wizard-dossier { position:relative; z-index:1; color:#cdb786; }.wizard-dossier i { background:rgba(225,214,192,.26); }.wizard-step-label { position:relative; z-index:1; color:#d3bd94; font:600 10px "Noto Kufi Arabic"; }.wizard-top h1 { position:relative; z-index:1; color:#f1eadf; font:600 29px "Noto Kufi Arabic"; }.wizard-top p { position:relative; z-index:1; color:#bdc7c1; }.wizard-progress { position:relative; z-index:1; }.wizard-progress i.done { background:#d3bd94; }.wizard-progress-labels { position:relative; z-index:1; color:#8fa39b; }.wizard-content { min-height:500px; padding:42px; background:#f8f5ee; }.wizard-content:before { content:"APPLICATION RECORD"; bottom:22px; left:28px; color:rgba(35,52,52,.06); font:500 9px "DM Mono"; letter-spacing:.12em; }.wizard-content h2 { color:#1d2c2e; font:600 28px "Noto Kufi Arabic"; }.wizard-content>p { color:#606966; }.option-tile { border-color:#c7beb0; background:transparent; color:#26383a; border-radius:0; }.option-tile:hover,.option-tile.selected { border-color:#9a7041; background:#ede3cf; box-shadow:none; }.button-primary { background:#1b2b2e; border-radius:0; }.button-primary:hover { background:#344548; }.wizard-actions .button-primary { min-width:160px; }.form-field label { color:#43514f; }.form-field input,.form-field select,.form-field textarea,.skill-row select { border-color:#c7beb0; border-radius:0; background:#fbfaf5; }.skill-row select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:#9a7041; box-shadow:0 0 0 3px rgba(154,112,65,.1); }.consent { background:#ece8de; border-right:2px solid #b48b52; border-radius:0; }.evaluation-card { border-right-color:#527565; border-radius:0; background:#ebf0e9; }.evaluation-card.foundation { border-color:#ad8136; background:#f3e9d4; }.score-box { background:#fbfaf5; border-radius:0; }.quiz-question { border-right-color:#b48b52; border-radius:0; background:#efede6; }.quiz-option { border-radius:0; background:#fbfaf5; }.quiz-option.selected { border-color:#9a7041; background:#ede3cf; }
.success-page { min-height:100vh; padding:70px 20px; background:#e9e5dc; }.success-grid { display:none; }.success-card { width:min(760px,100%); padding:39px 48px; border:1px solid #bdb4a6; border-top:4px solid #b98c4d; background:#f8f5ee; box-shadow:none; }.success-card:before { content:""; display:block; height:1px; margin-bottom:25px; background:#c7bda9; }.success-dossier { color:#8a6e45; }.success-dossier i { background:#ae986f; }.success-icon { background:#e1e8df; color:#486f5d; border-radius:0; }.success-overline { color:#916b3b !important; }.success-card h1 { color:#1d2d2f; font:600 31px "Noto Kufi Arabic"; }.success-card>p { color:#5d6664; }.application-id { border-color:#9e7947; border-radius:0; background:#f0e7d2; color:#6b512a; }.success-info div { border-top:1px solid #c7beb0; border-radius:0; background:transparent; }.success-mail { color:#626b68; }.success-optional { border-color:#a4875d; border-radius:0; background:#1c2c2f; }.success-optional h2 { font:600 21px "Noto Kufi Arabic"; }.success-optional a { border-radius:0; }.success-return { color:#2c3c3c; }.optional-assessment-page { min-height:100vh; padding:36px 0 88px; background:#e9e5dc; color:#1e2d2f; }.optional-grid { display:none; }.optional-header { color:#8a6a3d; }.optional-back { color:#273637; }.optional-dossier { padding:40px 52px 34px; border:1px solid #a9987d; border-top:4px solid #b98c4d; background:#1a2a2d; box-shadow:none; }.optional-dossier h1 { color:#f1eadf; font:600 clamp(31px,4.4vw,55px)/1.35 "Noto Kufi Arabic"; }.optional-dossier p { color:#c4ccc6; }.optional-content { padding:42px 52px; background:#f8f5ee; box-shadow:none; border:1px solid #bdb4a6; border-top:0; }.optional-content h2 { color:#1e2d2f; font:600 28px "Noto Kufi Arabic"; }.optional-skills label { border-color:#c7beb0; }.optional-skills select { border-color:#c7beb0; border-radius:0; background:#fbfaf5; }.optional-quiz article { border-color:#b48b52; border-radius:0; background:#efede6; }.optional-quiz button { border-color:#c7beb0; border-radius:0; background:#fbfaf5; }.optional-quiz button.selected { border-color:#9a7041; background:#ede3cf; }.optional-result h2 { font:600 29px "Noto Kufi Arabic"; }.optional-result>div b { background:#ede8dc; border-radius:0; }.optional-error { border:1px solid #bdb4a6; background:#f8f5ee; }
@media (max-width:900px) { .application-header{width:min(100% - 40px,1240px)}.application-header:after{display:none}.success-card{padding:34px}.optional-dossier,.optional-content{padding:31px} }
@media (max-width:560px) { .application-page{padding-bottom:64px}.application-header{width:min(100% - 28px,1240px);min-height:68px;margin-bottom:28px}.application-header .brand-logo{width:42px;height:42px}.application-header .brand-copy span{display:none}.application-header-meta>span{display:none}.wizard-shell{width:min(100% - 28px,980px)}.wizard-top,.wizard-content{padding:25px 21px}.wizard-top h1{font-size:23px}.success-page{padding:30px 14px}.success-card{padding:28px 20px}.optional-assessment-page{padding:20px 0 65px}.optional-dossier,.optional-content{padding:27px 20px}.optional-dossier h1{font-size:31px} }

/* SOC command-center hero */
.soc-hero { background:linear-gradient(90deg,#e9e5dc 0%,#e9e5dc 54%,#d8cfbe 54%,#d8cfbe 100%); }.soc-hero .hero-main { grid-template-columns:.92fr 1.08fr; gap:54px; padding:53px 0 42px; align-items:center; }.soc-hero .hero-copy { padding:18px 0 11px; }.soc-hero .hero-kicker { color:#8e6638; font:500 9px "DM Mono"; letter-spacing:.12em; direction:ltr; }.soc-hero .hero-main h1 { max-width:700px; margin:18px 0; font-size:clamp(47px,5.3vw,76px); line-height:1.18; }.soc-hero .hero-intro { max-width:600px; color:#3c494a; }.hero-operations { overflow:hidden; border-top:3px solid #b58b51; background:#17282c; box-shadow:15px 16px 0 rgba(26,43,44,.15); }.operations-top { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid rgba(224,217,202,.25); color:#d4b878; font:500 8px "DM Mono"; letter-spacing:.1em; direction:ltr; }.operations-top span:last-child { color:#b7c5be; }.operations-screen { position:relative; height:284px; overflow:hidden; border-bottom:1px solid rgba(224,217,202,.25); background:#101b1e; }.operations-screen:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,19,21,.2),rgba(8,19,21,.03) 40%,rgba(8,19,21,.65)),linear-gradient(0deg,rgba(8,19,21,.65),transparent 38%); pointer-events:none; }.operations-screen img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; filter:saturate(.72) contrast(1.08) brightness(.83); }.screen-overlay { position:absolute; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; right:20px; bottom:15px; left:20px; color:#f0e9db; direction:ltr; }.screen-overlay b { display:block; color:#e0bf80; font:500 9px "DM Mono"; letter-spacing:.12em; }.screen-overlay small { display:block; margin-top:6px; color:#e5e0d5; font:400 8px "DM Mono"; letter-spacing:.08em; }.screen-index { color:rgba(238,233,220,.58); font:600 56px/.7 "Cormorant Garamond"; }.operations-bottom { display:grid; grid-template-columns:auto 1fr auto; gap:21px; align-items:center; padding:18px; color:#eae3d7; }.operations-bottom>div:first-child { direction:ltr; }.operations-bottom>div:first-child span { display:block; color:#b9aa91; font-size:9px; }.operations-bottom>div:first-child b { display:block; margin-top:4px; color:#f4eee3; font:600 20px "Cormorant Garamond"; }.operations-bottom p { max-width:178px; margin:0; color:#c9d0ca; font-size:11px; line-height:1.8; }.operations-bottom strong { color:#d7b66f; direction:ltr; }.operations-seal { display:flex; align-items:center; gap:7px; color:#d6b979; font:500 8px "DM Mono"; letter-spacing:.08em; direction:ltr; white-space:nowrap; }.hero-signal-strip { display:flex; flex-wrap:wrap; gap:14px; margin-top:27px; padding-top:14px; border-top:1px solid #bdb4a5; }.hero-signal-strip span { display:inline-flex; align-items:center; gap:6px; color:#53605e; font:500 8px "DM Mono"; letter-spacing:.06em; direction:ltr; }.signal-dot { width:7px; height:7px; border-radius:50%; background:#b6b1a6; }.signal-dot.green { background:#4f826b; box-shadow:0 0 0 3px rgba(79,130,107,.13); }.signal-dot.gold { background:#b58b51; box-shadow:0 0 0 3px rgba(181,139,81,.13); }.signal-dot.pale { background:#1e3436; }.soc-hero .hero-footnote { color:#40504f; }
@media (max-width:900px) { .soc-hero { background:#e9e5dc; }.soc-hero .hero-main { grid-template-columns:1fr; gap:36px; }.hero-operations { max-width:640px; }.operations-bottom { grid-template-columns:auto 1fr; }.operations-seal { grid-column:1/-1; padding-top:10px; border-top:1px solid rgba(224,217,202,.18); } }
@media (max-width:560px) { .soc-hero .hero-main { padding:35px 0 32px; gap:30px; }.soc-hero .hero-main h1 { font-size:43px; }.operations-top { padding:12px 14px; font-size:7px; }.operations-screen { height:208px; }.operations-bottom { grid-template-columns:1fr; gap:10px; padding:15px; }.operations-bottom p { max-width:100%; }.operations-seal { grid-column:auto; }.hero-signal-strip { gap:9px; }.hero-signal-strip span { font-size:7px; }.soc-hero .hero-footnote { display:none; } }

/* Blue SOC Roadmap reference system */
.roadmap-page { --navy:#08265b; --blue:#185dcc; --electric:#2568d9; --pale:#f6f9ff; --line:#e3eaf6; min-height:100vh; overflow:hidden; color:#0a2451; background:#fff; font-family:"IBM Plex Sans Arabic",Arial,sans-serif; }.roadmap-wrap { width:min(1180px,calc(100% - 48px)); margin:0 auto; }.roadmap-nav { position:sticky; z-index:100; top:0; height:74px; background:rgba(255,255,255,.96); border-bottom:1px solid #eef2f8; box-shadow:0 2px 14px rgba(9,39,92,.04); backdrop-filter:blur(12px); }.nav-content { height:100%; display:flex; align-items:center; gap:34px; }.roadmap-brand { display:flex; align-items:center; gap:8px; margin-left:auto; direction:ltr; }.roadmap-brand img { width:43px; height:43px; object-fit:contain; }.roadmap-brand span { display:grid; line-height:1; }.roadmap-brand b { color:#093276; font-size:24px; letter-spacing:-1px; }.roadmap-brand small { margin-top:4px; color:#4d6184; font:700 8px "DM Mono"; letter-spacing:.1em; }.roadmap-nav nav { display:flex; gap:29px; margin:0 auto; }.roadmap-nav nav a { position:relative; padding:27px 0 24px; color:#344a72; font-size:12px; font-weight:600; transition:color .2s ease; }.roadmap-nav nav a:first-child { color:#0d4aaf; }.roadmap-nav nav a:first-child:after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:#2a66d4; }.roadmap-nav nav a:hover { color:#1459c4; }.roadmap-nav-button,.button-blue { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:6px; color:white; background:#08265b; box-shadow:0 8px 17px rgba(10,45,105,.14); font-size:12px; font-weight:700; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }.roadmap-nav-button { min-width:92px; min-height:40px; }.roadmap-nav-button:hover,.button-blue:hover { background:#1351b5; box-shadow:0 10px 22px rgba(10,45,105,.24); transform:translateY(-2px); }.roadmap-nav-button:active,.button-blue:active { transform:scale(.97); }
.roadmap-hero { position:relative; padding:64px 0 31px; overflow:hidden; background:linear-gradient(135deg,#fff 0%,#f9fbff 58%,#edf4ff 100%); }.roadmap-hero:before { content:""; position:absolute; top:-120px; left:-75px; width:390px; height:390px; border:1px solid rgba(45,102,211,.06); border-radius:50%; box-shadow:0 0 0 42px rgba(45,102,211,.025),0 0 0 84px rgba(45,102,211,.015); }.hero-layout { position:relative; display:grid; grid-template-columns:.91fr 1.09fr; gap:56px; align-items:center; direction:ltr; }.hero-copy-new { direction:rtl; }.eyebrow-blue { display:block; color:#1b5fbb; font:700 10px "DM Mono"; letter-spacing:.07em; direction:ltr; }.hero-copy-new h1 { margin:16px 0 15px; color:#08255b; font:800 clamp(35px,4vw,57px)/1.35 "Alexandria"; letter-spacing:-.065em; }.hero-copy-new h1 em { color:#1761d0; font-style:normal; direction:ltr; unicode-bidi:embed; }.hero-copy-new>p { max-width:500px; margin:0; color:#405679; font-size:14px; line-height:2.1; }.hero-copy-new>p b { color:#174fae; direction:ltr; }.cohort-note { display:flex; align-items:flex-start; gap:13px; max-width:508px; margin-top:22px; padding:16px; border:1px solid #e2ebfa; border-right:3px solid #2764cf; border-radius:7px; background:#fff; box-shadow:0 8px 22px rgba(15,73,168,.06); }.cohort-note svg { flex:none; color:#1c61ca; }.cohort-note b { display:block; color:#143c80; font-size:12px; }.cohort-note span { display:block; margin-top:5px; color:#61718b; font-size:11px; line-height:1.75; }.hero-buttons { display:flex; gap:11px; margin-top:25px; }.button-blue { min-height:43px; padding:0 19px; }.button-outline { display:inline-flex; align-items:center; gap:7px; min-height:43px; padding:0 17px; border:1px solid #dce5f3; border-radius:6px; color:#233e6b; background:white; font-size:12px; font-weight:700; transition:border-color .2s ease,transform .2s ease; }.button-outline:hover { border-color:#2362ce; transform:translateY(-2px); }.roadmap-visual { position:relative; min-height:435px; overflow:hidden; border:1px solid #e8edf5; border-radius:12px; background:linear-gradient(135deg,#fff,#f4f8ff); box-shadow:0 18px 38px rgba(16,65,139,.09); }.visual-header { position:absolute; z-index:3; top:18px; right:19px; left:19px; display:flex; justify-content:space-between; color:#7890b6; font:700 8px "DM Mono"; letter-spacing:.06em; direction:ltr; }.world-ghost { position:absolute; top:73px; left:40px; color:#dce8fa; opacity:.75; }.orbits { position:absolute; z-index:1; top:105px; left:65px; width:207px; height:285px; }.orbits i { position:absolute; right:0; width:150px; height:34px; border:3px solid #a9c9fa; border-radius:50%; box-shadow:0 8px 10px rgba(31,97,200,.12); transform:rotateX(65deg); animation:orbitPulse 3.6s ease-in-out infinite; }.orbits i:nth-child(1){top:4px}.orbits i:nth-child(2){top:68px;animation-delay:.5s}.orbits i:nth-child(3){top:132px;animation-delay:1s}.orbits i:nth-child(4){top:196px;animation-delay:1.5s}.stacked-roadmap { position:absolute; z-index:4; top:50px; right:17px; width:min(58%,350px); }.roadmap-step { position:relative; display:grid; grid-template-columns:46px 1fr 28px; align-items:center; gap:10px; min-height:46px; margin:3px 0; padding:7px 10px; border:1px solid #e4e9f2; border-radius:7px; color:#122b53; background:rgba(255,255,255,.93); box-shadow:0 4px 12px rgba(26,75,143,.06); animation:stepReveal .5s both; animation-delay:calc(var(--i) * 70ms + 140ms); transition:transform .23s ease,box-shadow .23s ease; direction:ltr; }.roadmap-step:hover { z-index:3; transform:translateX(-8px); box-shadow:0 10px 22px rgba(20,79,162,.13); }.roadmap-step strong { color:#102c5f; font:500 24px/1 "DM Mono"; }.roadmap-step div { display:grid; gap:1px; }.roadmap-step b { color:#102b55; font:800 11px "DM Mono"; letter-spacing:.03em; }.roadmap-step small { color:#7a8ca5; font:600 7px "DM Mono"; }.roadmap-step svg { justify-self:end; color:#2767d2; }.roadmap-step.active { z-index:5; min-height:61px; margin:7px -13px; padding:9px 22px; border-color:#205bc6; color:white; background:linear-gradient(100deg,#1559c9,#2549bd); box-shadow:0 13px 25px rgba(26,79,193,.3); }.roadmap-step.active strong,.roadmap-step.active b { color:#fff; }.roadmap-step.active small { color:#bed5ff; }.roadmap-step.active svg { color:#fff; }
.metric-band { padding:0 0 41px; background:linear-gradient(#f8fbff,#fff); }.metrics-grid { display:grid; grid-template-columns:repeat(6,1fr); padding:19px 7px; border:1px solid #edf1f7; border-radius:10px; background:white; box-shadow:0 12px 27px rgba(8,50,115,.07); }.metrics-grid>div { display:grid; grid-template-columns:32px 1fr; column-gap:6px; padding:6px 13px; border-left:1px solid #e9eef7; }.metrics-grid>div:first-child { border:0; }.metrics-grid svg { grid-row:span 2; color:#205ec8; }.metrics-grid b { color:#092a63; font:800 24px/1 "Alexandria"; }.metrics-grid span { margin-top:5px; color:#63738f; font-size:9px; line-height:1.5; }
.journey-section { display:grid; grid-template-columns:1fr 340px; gap:54px; padding:36px 0 70px; align-items:center; }.journey-summary h2 { margin:10px 0; color:#0a2b66; font:800 28px "DM Mono"; letter-spacing:-.06em; direction:ltr; }.journey-summary h2 em { color:#2a68d3; font-style:normal; }.journey-summary>p { max-width:635px; margin:0; color:#60718c; font-size:12px; line-height:2; }.journey-track { display:flex; justify-content:space-between; gap:6px; margin-top:33px; }.journey-item { position:relative; display:grid; justify-items:center; gap:5px; min-width:70px; text-align:center; }.journey-item:not(:last-child):after { content:""; position:absolute; z-index:-1; top:17px; right:calc(-50% + 19px); width:calc(100% - 24px); height:1px; background:#d8e4f4; }.journey-item>span { display:grid; width:35px; height:35px; place-items:center; border:1px solid #dfe9f8; border-radius:50%; color:#4c76bb; background:white; }.journey-item>span.active-dot { color:white; background:#235fcc; box-shadow:0 0 0 5px #eaf2ff; }.journey-item b { color:#2764c9; font:700 11px "DM Mono"; }.journey-item small { color:#536884; font-size:9px; }.prerequisite-panel { overflow:hidden; border-radius:10px; background:#f5f8fd; box-shadow:0 11px 25px rgba(10,61,138,.06); }.prerequisite-panel>span { display:block; padding:16px 18px 10px; color:#7790b8; font:700 8px "DM Mono"; letter-spacing:.08em; direction:ltr; }.prerequisite-panel>div { display:flex; align-items:center; gap:12px; padding:8px 20px; color:#53627b; font:10px "DM Mono"; direction:ltr; }.prerequisite-panel>div i { width:9px; height:9px; border:2px solid #183f82; border-radius:50%; }.prerequisite-panel>div b { color:#5b7195; }.prerequisite-panel section { margin-top:12px; padding:18px 20px; color:white; background:linear-gradient(135deg,#0a2d68,#061e4a); }.prerequisite-panel section small { display:block; color:#a9c8ff; font:700 8px "DM Mono"; }.prerequisite-panel section>b { display:block; margin:7px 0 13px; font:700 27px "DM Mono"; direction:ltr; }.prerequisite-panel section>b span { font:600 13px "IBM Plex Sans Arabic"; }.prerequisite-panel section a { display:inline-flex; gap:5px; color:#bcd6ff; font:700 8px "DM Mono"; letter-spacing:.08em; direction:ltr; }
.requirements-section { padding:56px 0 64px; background:#fbfcff; border-top:1px solid #f0f3f9; }.section-title { text-align:center; }.section-title h2 { margin:10px 0 5px; color:#0a2b65; font:800 27px "Alexandria"; }.section-title p { margin:0; color:#667792; font-size:12px; }.requirement-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }.requirement-grid article { min-height:250px; padding:22px; border:1px solid #e8edf5; border-radius:10px; background:white; box-shadow:0 7px 18px rgba(13,58,123,.04); transition:transform .22s ease,box-shadow .22s ease; }.requirement-grid article:hover { transform:translateY(-5px); box-shadow:0 16px 27px rgba(13,58,123,.11); }.requirement-grid svg { color:#2664cb; }.requirement-grid h3 { margin:12px 0 11px; color:#173d80; font-size:15px; }.requirement-grid ul { margin:0; padding-right:18px; color:#5d6d87; font-size:11px; line-height:1.9; }.requirement-grid li::marker { color:#2464cf; }
.experience-section { display:grid; grid-template-columns:1fr 1fr; gap:59px; padding:76px 0; align-items:center; }.why-path h2 { margin:10px 0; color:#0b2e69; font:800 29px "Alexandria"; }.why-path>p { max-width:470px; margin:0; color:#62728b; font-size:12px; line-height:2; }.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 30px; margin-top:28px; }.why-grid div { display:grid; grid-template-columns:32px 1fr; column-gap:10px; }.why-grid svg { grid-row:span 2; color:#2262ca; }.why-grid b { color:#1c3c75; font-size:12px; }.why-grid span { margin-top:4px; color:#6d7c93; font-size:10px; line-height:1.6; }.incident-card { position:relative; overflow:hidden; min-height:350px; padding:30px; border-radius:10px; color:white; background:radial-gradient(circle at 85% 10%,rgba(41,104,226,.39),transparent 34%),linear-gradient(145deg,#061a40,#0b3271); box-shadow:0 18px 34px rgba(6,32,75,.2); }.incident-card:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(177,210,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(177,210,255,.05) 1px,transparent 1px); background-size:29px 29px; }.incident-card>* { position:relative; z-index:1; }.incident-top { display:flex; justify-content:space-between; color:#abcaff; font:700 8px "DM Mono"; letter-spacing:.07em; direction:ltr; }.incident-top b { padding:5px 7px; border-radius:3px; color:#fff1f1; background:#9b3144; }.incident-card h3 { margin:37px 0 10px; color:#fff; font:700 25px "DM Mono"; }.incident-card p { margin:0; color:#f4f8ff; font:500 16px/1.55 "IBM Plex Sans Arabic"; direction:ltr; }.incident-meta { display:flex; gap:26px; margin-top:25px; padding-top:16px; border-top:1px solid rgba(198,220,255,.24); color:#aac3ea; font:8px "DM Mono"; direction:ltr; }.incident-meta span { display:grid; gap:4px; }.incident-meta b { color:white; font-size:11px; }.incident-steps { display:flex; align-items:center; gap:10px; margin-top:23px; color:#d5e7ff; font:700 9px "DM Mono"; direction:ltr; }.incident-steps i { width:25px; height:1px; background:#5d8bd1; }.incident-card>a { display:inline-flex; align-items:center; gap:6px; margin-top:29px; color:#b9d4ff; font:700 9px "DM Mono"; letter-spacing:.08em; direction:ltr; }
.footer-cta { padding:41px 0; background:linear-gradient(120deg,#061b43,#092e70); }.cta-frame { display:grid; grid-template-columns:67px 1fr auto; gap:21px; align-items:center; color:white; }.cta-shield { display:grid; width:62px; height:62px; place-items:center; border:1px solid rgba(142,185,255,.46); border-radius:9px; color:#54a2ff; background:rgba(48,112,220,.13); }.cta-frame h2 { margin:0 0 7px; color:white; font:800 22px "Alexandria"; }.cta-frame p { max-width:610px; margin:0; color:#c4d9fa; font-size:11px; line-height:1.9; }.cta-actions { display:flex; gap:9px; }.button-blue.bright { min-height:44px; background:#2769db; box-shadow:none; white-space:nowrap; }.cta-contact { display:grid; min-height:44px; place-items:center; padding:0 16px; border:1px solid rgba(198,222,255,.42); border-radius:6px; color:white; font-size:11px; white-space:nowrap; }.roadmap-footer { padding:18px 0; background:#051a41; color:#8eacd7; font:8px "DM Mono"; direction:ltr; }.roadmap-footer .roadmap-wrap { display:flex; justify-content:space-between; gap:20px; }.roadmap-mobile-cta { display:none; }
@keyframes stepReveal { from { opacity:0; transform:translateX(18px); } to { opacity:1; transform:translateX(0); } } @keyframes orbitPulse { 0%,100%{transform:rotateX(65deg) translateY(0);opacity:.72}50%{transform:rotateX(65deg) translateY(-5px);opacity:1} } @keyframes riseIn { from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)} }.motion-rise { animation:riseIn .65s cubic-bezier(.23,1,.32,1) both; }.motion-rise.delay-1 { animation-delay:.14s; }
@media (max-width:980px) { .roadmap-nav nav { gap:16px; }.hero-layout { grid-template-columns:1fr; gap:34px; }.hero-copy-new { max-width:630px; }.roadmap-visual { max-width:650px; width:100%; }.metrics-grid { grid-template-columns:repeat(3,1fr); }.metrics-grid>div:nth-child(4) { border-right:0; }.journey-section,.experience-section { grid-template-columns:1fr; gap:32px; }.prerequisite-panel { max-width:440px; }.incident-card { max-width:570px; }.cta-frame { grid-template-columns:62px 1fr; }.cta-actions { grid-column:2; } }
@media (max-width:650px) { .roadmap-wrap { width:min(100% - 28px,1180px); }.roadmap-nav { height:64px; }.nav-content { gap:12px; }.roadmap-brand img { width:35px; height:35px; }.roadmap-brand b { font-size:18px; }.roadmap-nav nav { display:none; }.roadmap-nav-button { min-width:82px; min-height:36px; font-size:10px; }.roadmap-hero { padding:39px 0 22px; }.hero-copy-new h1 { font-size:34px; }.hero-copy-new>p { font-size:12px; }.cohort-note { padding:13px; }.hero-buttons { flex-direction:column; align-items:flex-start; }.roadmap-visual { min-height:395px; }.world-ghost { top:77px; left:17px; transform:scale(.75); transform-origin:top left; }.orbits { left:14px; transform:scale(.78); transform-origin:top left; }.stacked-roadmap { right:11px; width:67%; }.roadmap-step { grid-template-columns:34px 1fr 22px; gap:5px; min-height:40px; padding:5px 7px; }.roadmap-step strong { font-size:17px; }.roadmap-step b { font-size:9px; }.roadmap-step small { font-size:6px; }.roadmap-step.active { min-height:54px; margin:6px -4px; padding:7px 10px; }.metrics-grid { grid-template-columns:repeat(2,1fr); padding:8px; }.metrics-grid>div { padding:10px 6px; border-bottom:1px solid #e9eef7; }.metrics-grid>div:nth-child(2n) { border-left:0; }.journey-section { padding:26px 0 52px; }.journey-track { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.journey-item:not(:last-child):after { display:none; }.requirement-grid,.why-grid { grid-template-columns:1fr; }.requirements-section { padding:45px 0; }.experience-section { padding:52px 0; }.incident-meta { gap:14px; }.incident-card { padding:24px; }.cta-frame { grid-template-columns:1fr; gap:13px; }.cta-actions { grid-column:auto; flex-direction:column; align-items:flex-start; }.roadmap-footer .roadmap-wrap { flex-direction:column; gap:6px; }.roadmap-mobile-cta { position:fixed; z-index:110; right:13px; left:13px; bottom:13px; display:block; padding:7px; background:rgba(7,32,77,.93); box-shadow:0 9px 27px rgba(2,20,53,.27); }.roadmap-mobile-cta a { display:flex; min-height:44px; align-items:center; justify-content:center; gap:9px; border-radius:4px; color:white; background:#2468d8; font-size:12px; font-weight:800; }.roadmap-footer { padding-bottom:77px; } }
@media (prefers-reduced-motion:reduce) { .motion-rise,.roadmap-step,.orbits i { animation:none!important; } .roadmap-step:hover,.requirement-grid article:hover,.button-blue:hover,.roadmap-nav-button:hover { transform:none; } }

.success-whatsapp { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0; padding:11px 12px; border-right:3px solid #2568d9; background:#edf4ff; color:#3c5579; font-size:11px; }.success-whatsapp a { border:1px solid #c4d8fa; padding:5px 7px; color:#174ea7; background:white; font:700 10px "DM Mono"; direction:ltr; }.roadmap-footer a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:650px) { .roadmap-mobile-cta { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.roadmap-mobile-cta a { min-height:44px; padding:0 6px; font-size:10px; } }

/* Blue Team route and system-wide SOC Roadmap identity */
.blue-nav-access,.blue-active-nav { color:#1761d1!important; font-weight:800!important; }.blue-nav-access { display:inline-flex; align-items:center; gap:5px; }.blue-team-primary { background:#1761d1!important; }.blue-team-page { min-height:100vh; color:#092b64; background:#f7faff; }.blue-team-hero { padding:76px 0 68px; background:radial-gradient(circle at 78% 20%,#dceaff 0,transparent 27%),linear-gradient(135deg,#fff,#edf5ff); }.blue-team-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }.blue-team-layout h1 { margin:14px 0; color:#08295f; font:800 clamp(38px,5vw,64px)/1.28 "Alexandria"; }.blue-team-layout h1 em { color:#1f67dc; font-style:normal; direction:ltr; }.blue-team-layout p { max-width:590px; color:#526b91; font-size:14px; line-height:2; }.blue-team-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }.blue-command-board { position:relative; min-height:360px; padding:20px; overflow:hidden; border:1px solid #cedff8; border-radius:12px; color:white; background:radial-gradient(circle at 50% 48%,#1d67d7 0,transparent 17%),linear-gradient(145deg,#082d6a,#061b42); box-shadow:0 18px 38px rgba(10,57,138,.22); }.blue-command-board:before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(142,190,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(142,190,255,.3) 1px,transparent 1px); background-size:28px 28px; }.blue-command-board>* { position:relative; z-index:1; }.board-head { display:flex; align-items:center; justify-content:space-between; color:#b9d4ff; font:700 9px "DM Mono"; letter-spacing:.09em; }.board-head b { padding:5px 8px; border-radius:4px; color:#d7f8e7; background:#187553; }.board-radar { position:absolute; top:82px; right:50%; width:190px; height:190px; border:1px solid rgba(176,213,255,.54); border-radius:50%; transform:translateX(50%); box-shadow:0 0 0 29px rgba(100,159,255,.09),0 0 0 58px rgba(100,159,255,.05); }.board-radar i { position:absolute; inset:13px; border:1px solid rgba(176,213,255,.35); border-radius:50%; }.board-radar i:nth-child(2) { inset:45px; }.board-radar i:nth-child(3) { inset:76px; }.board-radar svg { position:absolute; top:50%; right:50%; color:#dceaff; transform:translate(50%,-50%); }.board-status { position:absolute; right:20px; bottom:59px; left:20px; display:flex; justify-content:space-between; color:#c5dcff; font:700 8px "DM Mono"; }.board-callout { position:absolute; right:20px; bottom:17px; left:20px; display:flex; align-items:center; gap:8px; padding-top:13px; border-top:1px solid rgba(177,211,255,.28); color:#eff6ff; font:700 9px "DM Mono"; letter-spacing:.06em; }.blue-pillars { padding:74px 0; }.blue-pillars-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:34px; }.blue-pillars-grid article { position:relative; min-height:220px; padding:22px; border:1px solid #e1eaf7; border-radius:10px; background:white; box-shadow:0 8px 20px rgba(11,60,132,.05); }.blue-pillars-grid article>span { position:absolute; top:18px; left:19px; color:#a5bbdc; font:700 16px "DM Mono"; }.blue-pillars-grid svg { color:#2164ce; }.blue-pillars-grid h3 { margin:19px 0 8px; color:#0d3472; font-size:15px; }.blue-pillars-grid p { margin:0; color:#657795; font-size:11px; line-height:1.85; }.blue-route-band { padding:48px 0; color:white; background:linear-gradient(100deg,#061e4a,#103e91); }.blue-route-band .roadmap-wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }.blue-route-band span { color:#9ec4ff; font:700 9px "DM Mono"; letter-spacing:.08em; }.blue-route-band h2 { margin:8px 0; font:800 25px "Alexandria"; }.blue-route-band p { margin:0; color:#c9ddff; font-size:12px; }.blue-route-band .button-blue { background:#2e73e8; }
.application-page,.success-page,.optional-assessment-page { background:linear-gradient(135deg,#f8fbff,#edf5ff)!important; }.application-header { border-color:#d9e5f6!important; }.application-header:after { color:#1c62ca!important; }.brand-copy strong { color:#0b3678!important; }.brand-copy span { color:#4771a9!important; }.wizard-shell,.success-card,.optional-dossier,.optional-content { border-color:#d7e5f7!important; box-shadow:0 15px 35px rgba(16,81,167,.09)!important; }.wizard-top,.optional-dossier { border-top-color:#2c6cd6!important; background:linear-gradient(135deg,#08265b,#1457bc)!important; }.wizard-dossier,.wizard-step-label { color:#bcd7ff!important; }.wizard-content,.success-card,.optional-content { background:#fff!important; }.wizard-content h2,.success-card h1,.optional-content h2 { color:#0c3372!important; }.button-primary,.academy-button { background:#0a377f!important; border-radius:6px!important; }.button-primary:hover,.academy-button:hover { background:#1d64d0!important; }.success-card { border-top-color:#2c6cd6!important; }.success-dossier,.success-overline { color:#1b61c7!important; }.success-icon { color:#1e63c9!important; background:#e9f2ff!important; }.application-id { color:#0b4bab!important; border-color:#9bc0f5!important; background:#f0f7ff!important; }.success-optional { border-color:#9fc4f8!important; background:linear-gradient(135deg,#08265b,#1354b7)!important; }.success-whatsapp { border-right-color:#1f66d0!important; background:#f0f6ff!important; }.optional-assessment-page { color:#0a2d67!important; }.optional-header { color:#1c62ca!important; }.optional-error { border-color:#d7e5f7!important; background:white!important; }.blue-admin-sidebar { color:#eaf3ff!important; background:linear-gradient(180deg,#08265b,#0a397e)!important; }.blue-admin-sidebar [data-sidebar="menu-button"] { color:#d7e8ff!important; }.blue-admin-sidebar [data-sidebar="menu-button"][data-active="true"] { color:#fff!important; background:#1d64d0!important; }.blue-admin-inset { background:#f6f9ff!important; }.blue-admin-page>header { padding:19px; border:1px solid #d8e6f7; border-radius:11px; background:white; box-shadow:0 8px 19px rgba(13,67,143,.06); }.blue-admin-page .rounded-2xl.border { border-color:#dce7f6!important; box-shadow:0 7px 16px rgba(13,67,143,.05)!important; }.blue-admin-page .text-\[\#a27d28\] { color:#1c62ca!important; }
@media (max-width:900px) { .blue-team-layout { grid-template-columns:1fr; }.blue-command-board { max-width:560px; }.blue-pillars-grid { grid-template-columns:repeat(2,1fr); }.blue-route-band .roadmap-wrap { align-items:flex-start; flex-direction:column; } }
@media (max-width:650px) { .blue-team-hero { padding:48px 0; }.blue-team-layout h1 { font-size:36px; }.blue-command-board { min-height:320px; }.blue-pillars { padding:54px 0; }.blue-pillars-grid { grid-template-columns:1fr; }.blue-route-band h2 { font-size:20px; }.board-radar { transform:translateX(50%) scale(.82); }.board-status { font-size:7px; } }

/* SOC telemetry motion in the hero — visual only, never competes with the content */
.animated-hero { position:relative; isolation:isolate; overflow:hidden; }.animated-hero .hero-layout { position:relative; z-index:2; }.hero-telemetry { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; opacity:.78; }.telemetry-ring { position:absolute; width:500px; height:500px; border:1px solid rgba(47,112,220,.13); border-radius:50%; }.ring-a { top:-270px; left:-180px; }.ring-b { top:-150px; left:-60px; border-style:dashed; animation:telemetry-rotate 25s linear infinite; }.ring-c { right:12%; bottom:-360px; width:610px; height:610px; border-color:rgba(66,133,235,.11); animation:telemetry-breathe 5.6s ease-in-out infinite; }.telemetry-scan { position:absolute; top:-14%; right:9%; width:2px; height:128%; opacity:.25; background:linear-gradient(180deg,transparent,#1e68d8 20%,transparent 75%); transform:rotate(27deg); animation:scan-sweep 8s ease-in-out infinite; }.threat-blip { position:absolute; width:8px; height:8px; border-radius:50%; background:#2874e5; box-shadow:0 0 0 0 rgba(40,116,229,.35); animation:threat-ping 2.8s ease-out infinite; }.blip-a { top:23%; left:28%; }.blip-b { top:67%; right:37%; animation-delay:.9s; }.blip-c { top:35%; right:14%; animation-delay:1.7s; }.telemetry-flow { position:absolute; width:260px; height:1px; opacity:.5; background:linear-gradient(90deg,transparent,#3c7ee1,transparent); transform:rotate(-13deg); animation:flow-drift 6s linear infinite; }.flow-a { top:29%; left:-14%; }.flow-b { right:-12%; bottom:25%; animation-delay:-3s; }.hero-live-strip { display:flex; flex-wrap:wrap; gap:13px; align-items:center; margin:19px 0 13px; color:#38619d; font:700 9px/1.5 "DM Mono"; letter-spacing:.05em; }.hero-live-strip span { display:inline-flex; align-items:center; gap:6px; }.hero-live-strip i { width:7px; height:7px; border-radius:50%; background:#1bb77a; box-shadow:0 0 0 4px rgba(27,183,122,.12); animation:live-pulse 1.8s ease-in-out infinite; }
.animated-hero .hero-copy-new h1 { max-width:610px; font-size:clamp(34px,3.45vw,48px); line-height:1.2; }.hero-message-first { display:flex; min-height:430px; flex-direction:column; justify-content:center; }.hero-message-first .hero-buttons { margin-top:25px; }.hero-message-first .hero-live-strip { margin-top:18px; }.hero-primary-cta { min-height:61px; padding:0 33px!important; font-size:16px!important; letter-spacing:.01em; box-shadow:0 13px 22px rgba(8,54,127,.25)!important; }
.hero-secondary-lines { display:inline-block; margin-top:4px; color:#174887; font-size:.67em; line-height:1.3; }
.hero-secondary-lines b { display:inline-block; margin-inline-start:5px; color:#1263d2; font-family:"DM Mono",monospace; font-size:.78em; font-weight:800; letter-spacing:.015em; direction:ltr; }

/* High-end SOC control-room treatment */
.animated-hero { background:radial-gradient(circle at 80% 48%,rgba(72,135,239,.16),transparent 30%),radial-gradient(circle at 13% 80%,rgba(26,104,209,.11),transparent 28%),linear-gradient(128deg,#fff 2%,#f3f8ff 53%,#edf5ff); }.hero-telemetry:before { content:""; position:absolute; inset:-18%; background:conic-gradient(from 105deg at 51% 50%,transparent 0 42%,rgba(72,132,226,.11) 47%,transparent 52% 100%); animation:ambient-rotate 28s linear infinite; }.hero-telemetry:after { content:""; position:absolute; inset:0; opacity:.28; background:linear-gradient(90deg,rgba(39,103,199,.11) 1px,transparent 1px),linear-gradient(rgba(39,103,199,.11) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,transparent,black 27%,black 80%,transparent); }.network-mesh { position:absolute; top:5%; right:7%; width:72%; height:86%; opacity:.58; background:repeating-linear-gradient(126deg,transparent 0 42px,rgba(42,113,221,.20) 43px 44px,transparent 45px 84px); clip-path:polygon(23% 0,100% 9%,93% 93%,5% 100%); animation:mesh-pan 16s linear infinite; }.ops-radar { position:absolute; top:22%; left:2%; width:270px; height:270px; border:1px solid rgba(35,101,205,.23); border-radius:50%; box-shadow:0 0 0 35px rgba(35,101,205,.05),0 0 0 70px rgba(35,101,205,.028); }.ops-radar:after { content:""; position:absolute; top:50%; right:50%; width:50%; height:1px; transform-origin:right; background:linear-gradient(90deg,rgba(38,114,229,.9),transparent); animation:radar-sweep 5.5s linear infinite; }.ops-node { position:absolute; z-index:2; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background:#2b76e8; box-shadow:0 0 0 5px rgba(43,118,232,.16),0 0 18px rgba(43,118,232,.7); animation:node-glow 2.4s ease-in-out infinite; }.node-a { top:21%; left:31%; }.node-b { top:72%; left:18%; animation-delay:.8s; }.node-c { right:29%; bottom:18%; animation-delay:1.5s; }.ops-status-card { position:absolute; top:14%; right:3%; width:174px; padding:13px 14px; overflow:hidden; border:1px solid rgba(57,124,225,.26); border-radius:8px; color:#23549b; background:rgba(255,255,255,.48); box-shadow:0 14px 35px rgba(33,92,183,.1); backdrop-filter:blur(9px); font-family:"DM Mono"; animation:status-float 5s ease-in-out infinite; }.ops-status-card span { display:block; color:#6487ba; font-size:8px; letter-spacing:.09em; }.ops-status-card b { display:block; margin-top:5px; color:#155dc8; font-size:11px; letter-spacing:.07em; }.ops-status-card>i { display:block; width:100%; height:3px; margin:9px 0; overflow:hidden; background:#dce9fb; }.ops-status-card>i:after { content:""; display:block; width:45%; height:100%; background:#2380e6; animation:status-progress 3s ease-in-out infinite; }.ops-status-card small { color:#5d79a4; font-size:8px; line-height:1.8; }.hero-primary-cta { position:relative; isolation:isolate; gap:10px; min-width:298px; overflow:hidden; border:1px solid rgba(150,201,255,.72)!important; border-radius:9px!important; background:linear-gradient(118deg,#061f50 0%,#0c418e 46%,#2679ed 100%)!important; box-shadow:0 17px 37px rgba(5,48,122,.29),0 0 0 7px rgba(45,117,225,.08)!important; transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out)!important; }.hero-primary-cta:before { content:""; position:absolute; z-index:-1; top:-70%; left:-32%; width:40%; height:250%; opacity:.65; background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent); transform:rotate(23deg); animation:cta-shine 4.6s ease-in-out infinite; }.hero-primary-cta:after { content:""; position:absolute; z-index:-2; inset:-14px; border-radius:14px; opacity:.55; background:radial-gradient(circle,rgba(53,130,255,.35),transparent 68%); animation:cta-aura 2.7s ease-in-out infinite; }.hero-primary-cta:hover { color:#fff!important; transform:translateY(-3px) scale(1.015); box-shadow:0 23px 43px rgba(5,48,122,.37),0 0 0 9px rgba(45,117,225,.12)!important; }.hero-primary-cta:active { transform:translateY(0) scale(.98); }.cta-pulse-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#7ef4cd; box-shadow:0 0 0 0 rgba(126,244,205,.45); animation:cta-dot 2s ease-out infinite; }
@keyframes ambient-rotate { to { transform:rotate(360deg); } } @keyframes mesh-pan { from { transform:translate3d(-40px,-20px,0); } to { transform:translate3d(50px,30px,0); } } @keyframes radar-sweep { to { transform:rotate(360deg); } } @keyframes node-glow { 50% { opacity:.35; transform:scale(.75); } } @keyframes status-float { 50% { transform:translateY(10px); } } @keyframes status-progress { 50% { width:82%; } } @keyframes cta-shine { 0%,55% { transform:translateX(-450%) rotate(23deg); } 78%,100% { transform:translateX(540%) rotate(23deg); } } @keyframes cta-aura { 50% { opacity:.85; transform:scale(1.09); } } @keyframes cta-dot { 75%,100% { box-shadow:0 0 0 11px rgba(126,244,205,0); } }
@media (max-width:650px) { .ops-status-card { top:10%; right:auto; left:4%; width:127px; padding:10px; opacity:.55; transform:scale(.8); transform-origin:top left; }.ops-radar { top:33%; left:-90px; transform:scale(.7); }.network-mesh { width:140%; right:-28%; }.hero-primary-cta { width:100%; min-width:0; }.node-a { top:26%; left:22%; }.node-b { top:59%; left:6%; } }
@keyframes telemetry-rotate { to { transform:rotate(360deg); } } @keyframes telemetry-breathe { 50% { transform:scale(1.07); opacity:.4; } } @keyframes scan-sweep { 0%,100% { transform:translateX(-180px) rotate(27deg); opacity:0; } 35%,65% { opacity:.35; } 75% { transform:translateX(780px) rotate(27deg); opacity:0; } } @keyframes threat-ping { 0% { box-shadow:0 0 0 0 rgba(40,116,229,.35); } 75%,100% { box-shadow:0 0 0 19px rgba(40,116,229,0); } } @keyframes flow-drift { from { transform:translateX(-80px) rotate(-13deg); } to { transform:translateX(450px) rotate(-13deg); } } @keyframes live-pulse { 50% { transform:scale(.72); opacity:.6; } }
@media (max-width:650px) { .hero-live-strip { gap:8px; font-size:8px; }.hero-telemetry { opacity:.54; }.telemetry-ring { transform:scale(.7); transform-origin:top left; }.ring-c { right:-50%; }.hero-buttons .blue-team-primary { display:none; } }
@media (prefers-reduced-motion:reduce) { .animated-hero *, .animated-hero *:before, .animated-hero *:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } }

/* Fresh institutional hero — no dashboard art, no legacy composition */
.institutional-hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;padding:94px 0 0;color:#0b2d59;background:#f5f8fc}.institutional-hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.97) 45%,rgba(230,240,251,.9) 100%)}.institutional-hero:after{content:"";position:absolute;z-index:-2;right:-14%;top:5%;width:690px;height:690px;border:1px solid rgba(21,102,199,.15);border-radius:50%;box-shadow:0 0 0 44px rgba(21,102,199,.035),0 0 0 112px rgba(21,102,199,.022),0 0 0 205px rgba(21,102,199,.013)}.institutional-hero-motion{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.institutional-hero-motion:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,89,173,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(15,89,173,.052) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 76%,transparent 100%);opacity:.85}.institutional-hero-motion:after{content:"";position:absolute;top:14%;bottom:12%;right:22%;width:1px;background:linear-gradient(transparent,rgba(29,119,215,.35),transparent);box-shadow:-215px 74px 0 rgba(29,119,215,.12),215px -86px 0 rgba(29,119,215,.1);opacity:.65}.signal-line{position:absolute;height:1px;transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(20,111,214,.58),rgba(87,210,167,.85));box-shadow:0 0 13px rgba(31,137,223,.25);animation:signal-draw 7s var(--soc-ease) infinite}.signal-line-one{top:27%;right:40%;width:31%;transform:rotate(-17deg)}.signal-line-two{top:52%;right:17%;width:43%;transform:rotate(23deg);animation-delay:-2.5s}.signal-line-three{top:73%;right:33%;width:29%;transform:rotate(-31deg);animation-delay:-4.3s}.signal-node{position:absolute;width:9px;height:9px;border:2px solid #1d8dcb;border-radius:50%;background:#f5f8fc;box-shadow:0 0 0 7px rgba(29,141,203,.1),0 0 20px rgba(29,141,203,.54);animation:signal-pulse 3.6s ease-in-out infinite}.signal-node-one{top:25.5%;right:39%}.signal-node-two{top:50.5%;right:59%;animation-delay:-1.2s}.signal-node-three{top:70.7%;right:32%;animation-delay:-2.3s}.signal-ring{position:absolute;right:18%;top:25%;width:410px;height:410px;border:1px solid rgba(21,115,211,.18);border-radius:50%;animation:signal-ring-breathe 8s ease-in-out infinite}.signal-ring-two{right:25%;top:34%;width:270px;height:270px;border-color:rgba(41,166,139,.21);animation-delay:-4s}.institutional-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:82px;min-height:520px}.institutional-copy{max-width:570px}.institutional-overline{display:block;margin-bottom:18px;color:#6380a2;font:800 9px "DM Mono",sans-serif;letter-spacing:.14em;direction:ltr}.institutional-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d7e6f5;border-radius:4px;color:#0b639f;background:rgba(255,255,255,.72);font-size:11px;font-weight:800}.institutional-kicker svg{color:#19a16f}.institutional-copy h1{margin:23px 0 18px;color:#092d5d;font:800 clamp(46px,5vw,76px)/1.22 "Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.085em}.institutional-copy h1 em{color:#0d67cb;font-style:normal}.institutional-copy>p{max-width:510px;margin:0;color:#58718f;font-size:15px;line-height:2.1}.institutional-copy>p b{color:#0b5fb5;direction:ltr}.institutional-actions{display:flex;align-items:center;gap:14px;margin-top:29px}.institutional-primary-cta,.institutional-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 20px;border-radius:5px;font-size:12px;font-weight:800;transition:transform .18s var(--soc-ease),box-shadow .18s ease,background .18s ease}.institutional-primary-cta{color:#fff;background:#0b4d99;box-shadow:0 10px 20px rgba(11,77,153,.18)}.institutional-primary-cta:hover{background:#0b68cf;transform:translateY(-3px);box-shadow:0 14px 24px rgba(11,77,153,.25)}.institutional-primary-cta:active,.institutional-secondary-cta:active{transform:scale(.97)}.institutional-secondary-cta{border:1px solid #b8cfe7;color:#16568e;background:rgba(255,255,255,.65)}.institutional-secondary-cta:hover{border-color:#0b68cf;background:#fff;transform:translateY(-2px)}.institutional-proof{display:flex;align-items:stretch;max-width:510px;margin-top:31px;border-top:1px solid #d7e3ef;border-bottom:1px solid #d7e3ef}.institutional-proof span{display:grid;gap:4px;min-width:130px;padding:13px 15px;border-left:1px solid #d7e3ef}.institutional-proof span:first-child{padding-right:0}.institutional-proof span:last-child{border-left:0}.institutional-proof b{color:#0b4b92;font:800 12px "DM Mono","IBM Plex Sans Arabic",sans-serif;direction:ltr}.institutional-proof small{color:#7087a3;font-size:9px}.institutional-contacts{display:flex;align-items:center;gap:9px;margin-top:15px;color:#8094ab;font:800 8px "DM Mono",sans-serif;direction:ltr}.institutional-contacts a{color:#1169bb}.institutional-contacts i{width:4px;height:4px;border-radius:50%;background:#29ac7b}.institutional-visual{position:relative;min-height:430px;direction:ltr}.signal-visual-label{position:absolute;color:#6585a7;font:800 8px "DM Mono",sans-serif;letter-spacing:.12em}.signal-label-top{top:11%;left:7%}.signal-label-bottom{right:5%;bottom:5%}.signal-core{position:absolute;top:50%;left:50%;display:grid;justify-items:center;gap:11px;width:220px;height:220px;place-content:center;border:1px solid rgba(16,107,193,.42);border-radius:50%;background:rgba(247,251,255,.64);box-shadow:0 0 0 17px rgba(32,123,215,.05),0 0 0 50px rgba(32,123,215,.035),0 0 0 98px rgba(32,123,215,.02);transform:translate(-50%,-50%);animation:signal-core-float 5s ease-in-out infinite}.signal-core:before,.signal-core:after{content:"";position:absolute;inset:29px;border:1px solid rgba(25,137,181,.23);border-radius:50%}.signal-core:after{inset:61px;border-color:rgba(31,171,132,.3)}.signal-core-mark{position:relative;z-index:1;display:grid;place-items:center;width:65px;height:65px;border:1px solid #79b1e6;border-radius:50%;color:#0b62bf;background:#fff;box-shadow:0 0 0 8px rgba(22,125,212,.08),0 0 22px rgba(23,126,214,.2)}.signal-core-title{position:relative;z-index:1;color:#0b3f7d;font:800 14px "DM Mono",sans-serif;letter-spacing:.08em}.signal-core-status{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:#148461;font:800 8px "DM Mono",sans-serif;letter-spacing:.06em}.signal-core-status i{width:6px;height:6px;border-radius:50%;background:#24b57e;box-shadow:0 0 0 4px rgba(36,181,126,.12)}.signal-rail{position:absolute;display:flex;align-items:center;gap:10px;color:#587799;font:800 8px "DM Mono",sans-serif;letter-spacing:.08em;direction:ltr}.signal-rail i{width:31px;height:1px;background:linear-gradient(90deg,#5fa3e6,#6edca6)}.signal-rail-top{top:19%;right:3%}.signal-rail-bottom{bottom:19%;left:3%}.institutional-hero-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;border-top:1px solid #d7e3ef;color:#5f7b9d;font-size:10px}.institutional-hero-footer span{display:flex;align-items:center;gap:8px}.institutional-hero-footer svg{color:#1aa474}.roadmap-page .metric-band{position:relative;z-index:3}
+@keyframes signal-draw{0%,15%{opacity:0;transform:scaleX(.25) rotate(-17deg)}35%,70%{opacity:1}90%,100%{opacity:0;transform:scaleX(1) rotate(-17deg)}}@keyframes signal-pulse{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.2);opacity:1}}@keyframes signal-ring-breathe{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.04);opacity:.95}}@keyframes signal-core-float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
+@media(max-width:900px){.institutional-hero{min-height:auto;padding-top:70px}.institutional-hero-inner{grid-template-columns:1fr;gap:28px;min-height:auto}.institutional-copy{max-width:680px}.institutional-visual{min-height:400px;max-width:640px;width:100%;margin:0 auto}.institutional-hero-footer{padding:0 0 18px}.institutional-hero-footer span{font-size:9px}}
+@media(max-width:620px){.institutional-hero{padding-top:38px}.institutional-hero:after{right:-52%;top:34%;width:470px;height:470px}.institutional-hero-motion:after{right:24%;top:20%;bottom:20%}.institutional-copy h1{margin:18px 0 15px;font-size:clamp(39px,12vw,56px);line-height:1.27}.institutional-copy>p{font-size:12px;line-height:2}.institutional-overline{font-size:7px;letter-spacing:.08em}.institutional-kicker{font-size:10px}.institutional-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}.institutional-primary-cta,.institutional-secondary-cta{min-height:49px}.institutional-proof{max-width:none;margin-top:25px}.institutional-proof span{min-width:0;flex:1;padding:11px 8px}.institutional-proof span:first-child{padding-right:0}.institutional-proof b{font-size:9px}.institutional-proof small{font-size:7px}.institutional-contacts{flex-wrap:wrap;font-size:7px;gap:6px}.institutional-visual{min-height:330px}.signal-core{width:170px;height:170px}.signal-core-mark{width:52px;height:52px}.signal-core-mark svg{width:29px}.signal-core-title{font-size:11px}.signal-core-status{font-size:6px}.signal-rail{gap:5px;font-size:6px}.signal-rail i{width:17px}.signal-label-top,.signal-label-bottom{font-size:6px}.signal-label-top{top:5%;left:2%}.signal-label-bottom{right:2%;bottom:2%}.signal-rail-top{top:15%;right:0}.signal-rail-bottom{bottom:15%;left:0}.institutional-hero-footer{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:8px}.institutional-hero-footer span{min-height:43px;font-size:8px}.institutional-hero-footer span:last-child{grid-column:1/-1;border-top:1px solid #d7e3ef}.signal-ring{right:8%;top:20%;width:320px;height:320px}.signal-ring-two{right:19%;top:30%;width:215px;height:215px}}
+@media(prefers-reduced-motion:reduce){.signal-line,.signal-node,.signal-ring,.signal-core{animation:none}.signal-line{opacity:.65;transform:none}.institutional-hero-motion:after{display:none}}

.institutional-copy>p{direction:rtl;overflow-wrap:anywhere}.institutional-copy>p b{direction:ltr;unicode-bidi:embed}@media(max-width:620px){.institutional-copy{width:100%;max-width:100%}.institutional-copy>p{max-width:100%;padding-inline:1px}}

.institutional-copy h1 .institutional-hero-secondary{display:block;margin-top:12px;color:#1d4d83;font-size:.48em;line-height:1.46;letter-spacing:-.055em}.institutional-copy h1 .institutional-hero-secondary b{color:#0d67cb;font-family:"DM Mono","Alexandria",sans-serif;font-size:.8em;letter-spacing:-.04em}.institutional-copy h1 .institutional-hero-secondary:before{content:"";display:inline-block;width:20px;height:2px;margin:0 8px 4px 0;background:#24b47d}@media(max-width:620px){.institutional-copy h1 .institutional-hero-secondary{margin-top:9px;font-size:.5em}.institutional-copy h1 .institutional-hero-secondary:before{width:14px;margin-right:5px}}

@media(max-width:620px){.institutional-copy h1{width:100%;font-size:34px;letter-spacing:-.06em;overflow-wrap:anywhere}.institutional-copy h1 .institutional-hero-secondary{font-size:.48em;letter-spacing:-.035em}.institutional-copy h1 .institutional-hero-secondary b{font-size:.78em}}

/* Arabic type system — Noto Kufi Arabic across the product */
html[lang="ar"],body,.roadmap-page,.course-dossier-page,.blue-team-page,.application-page,.success-page,.optional-assessment-page,.admin-page{font-family:"Noto Kufi Arabic",sans-serif!important}.roadmap-page h1,.roadmap-page h2,.roadmap-page h3,.roadmap-page h4,.roadmap-page p,.roadmap-page a,.roadmap-page button,.roadmap-page span,.roadmap-page b,.roadmap-page small,.course-dossier-page h1,.course-dossier-page h2,.course-dossier-page h3,.course-dossier-page h4,.course-dossier-page p,.course-dossier-page a,.course-dossier-page button,.course-dossier-page span,.course-dossier-page b,.course-dossier-page small,.blue-team-page h1,.blue-team-page h2,.blue-team-page h3,.blue-team-page h4,.blue-team-page p,.blue-team-page a,.blue-team-page button,.blue-team-page span,.blue-team-page b,.blue-team-page small,.application-page h1,.application-page h2,.application-page h3,.application-page h4,.application-page p,.application-page a,.application-page button,.application-page span,.application-page b,.application-page small{font-family:"Noto Kufi Arabic",sans-serif!important}.roadmap-page .roadmap-brand small,.roadmap-page .reference-overline,.roadmap-page .institutional-overline,.roadmap-page .signal-visual-label,.roadmap-page .signal-rail,.roadmap-page .signal-core-title,.roadmap-page .signal-core-status,.roadmap-page .institutional-contacts,.roadmap-page .incident-top,.roadmap-page .incident-meta,.roadmap-page .incident-steps,.course-dossier-page .course-dossier-brand small,.course-dossier-page .course-dossier-code,.course-dossier-page .course-current-top,.course-dossier-page .course-current-number,.course-dossier-page .course-dossier-current strong,.course-dossier-page .course-topic-header span,.course-dossier-page .course-module-number,.course-dossier-page .course-module-status,.course-dossier-page .course-module header p,.course-dossier-page .course-module-mark,.blue-team-page .eyebrow-blue,.blue-team-page .board-head,.blue-team-page .board-status,.blue-team-page .board-callout,.application-page .wizard-dossier,.application-page .wizard-progress-labels{font-family:"DM Mono",monospace!important}

/* Final font audit: legacy display utilities also resolve to the Arabic system */
.font-display,.display-heading,body .font-display,body .display-heading{font-family:"Noto Kufi Arabic",sans-serif!important}

/* Institutional reference system — adapted for Harvesting Knowledge */
.roadmap-page,.course-dossier-page,.blue-team-page{background:#f5f8fb!important}.roadmap-nav,.course-dossier-nav{position:relative;padding-top:32px!important;background:#fff!important;border-bottom:1px solid #dbe5ef!important;box-shadow:none!important}.roadmap-nav:before,.course-dossier-nav:before{content:"مركز حصاد المعرفة للتدريب   |   تواصل معنا   |   الأسئلة الشائعة   |   WhatsApp: +249 123 600 584   |   العربية";position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:center;height:31px;color:#dcecf9;background:#074b77;font:700 9px "Noto Kufi Arabic",sans-serif;letter-spacing:.01em}.roadmap-nav .nav-content,.course-dossier-nav .course-dossier-nav-inner{min-height:74px!important}.roadmap-nav .roadmap-brand,.course-dossier-brand{gap:13px}.roadmap-nav .roadmap-brand img,.course-dossier-brand img{width:49px;height:49px}.roadmap-nav .roadmap-brand b,.course-dossier-brand b{font-size:17px!important;color:#073b68!important}.roadmap-nav nav,.course-dossier-nav nav{gap:0!important}.roadmap-nav nav a,.roadmap-nav nav>span,.course-dossier-nav nav a{padding:27px 16px 23px!important;border-bottom:3px solid transparent;font-size:11px!important;color:#4e6c88!important}.roadmap-nav nav a:hover,.roadmap-nav nav a:focus-visible,.roadmap-nav nav .blue-nav-access,.course-dossier-nav nav a:hover,.course-dossier-nav nav .is-active{color:#0879ac!important;border-color:#1aa477!important}.roadmap-nav-button,.course-dossier-apply{min-height:40px!important;border-radius:3px!important;background:#0877a5!important;box-shadow:none!important}.roadmap-nav-button:hover,.course-dossier-apply:hover{background:#075d83!important}.institutional-hero{min-height:calc(100vh - 106px);padding:66px 0 0!important;background:#edf6fb!important}.institutional-hero:before{background:linear-gradient(104deg,#f7fbfd 0%,#f0f8fc 55%,#dceff6 100%)!important}.institutional-hero:after{border-color:rgba(7,108,150,.12)!important;box-shadow:0 0 0 44px rgba(7,108,150,.035),0 0 0 112px rgba(7,108,150,.02)!important}.institutional-hero-motion:before{background-image:linear-gradient(rgba(7,112,154,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,112,154,.05) 1px,transparent 1px)!important;background-size:48px 48px!important}.institutional-copy h1{color:#073b68!important}.institutional-copy h1 em{color:#087ba8!important}.institutional-copy>p{color:#58758c!important}.institutional-primary-cta{border-radius:3px!important;background:#0877a5!important}.institutional-primary-cta:hover{background:#075d83!important}.institutional-secondary-cta{border-radius:3px!important;border-color:#b8cfdd!important;color:#075d83!important}.institutional-proof{border-color:#cddfe9!important}.institutional-proof span{border-color:#cddfe9!important}.institutional-proof b{color:#07678e!important}.institutional-hero-footer{border-color:#cddfe9!important;color:#5a788e!important}.institutional-visual{min-height:430px}.signal-core{border-radius:7px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 0 0 18px rgba(7,119,165,.04),0 0 0 52px rgba(7,119,165,.025),0 0 0 100px rgba(7,119,165,.015)!important}.signal-core:before,.signal-core:after{border-radius:4px!important;transform:rotate(45deg)}.signal-core-mark{border-radius:4px!important;color:#0877a5!important}.signal-core-title{color:#075d83!important}.institutional-hero-footer svg{color:#1aa477!important}.metric-band{background:#0877a5!important;color:#fff!important}.metrics-grid>div{border-color:rgba(255,255,255,.2)!important}.metrics-grid svg{color:#99e4c0!important}.path-clarity-section,.requirements-section{background:#f7fafc!important}.path-prerequisites{border-radius:4px!important;background:#074b77!important}.path-start-panel,.path-week,.path-outcome,.requirement-grid article,.why-grid>div{border-radius:4px!important;box-shadow:none!important}.path-week.is-start{background:#0877a5!important}.footer-cta{background:#074b77!important}.roadmap-footer{background:#053752!important}.roadmap-mobile-cta{border-radius:3px!important}
.course-dossier-hero{background:linear-gradient(105deg,#f7fbfd 0%,#eef7fb 60%,#deeff6 100%)!important}.course-dossier-hero:before{opacity:.42!important;background-size:48px 48px!important}.course-dossier-current{border-radius:4px!important;background:#074b77!important;box-shadow:14px 15px 0 rgba(7,119,165,.09),0 18px 35px rgba(5,62,96,.12)!important}.course-index-rail,.course-topic-register{border-radius:4px!important}.course-index-item.start{background:#0877a5!important}.course-learning-system{background:#074b77!important}.course-dossier-final{background:#eaf5fa!important}.course-dossier-final a{border-radius:3px!important;background:#0877a5!important}.course-dossier-footer{background:#053752!important}
.blue-team-hero{background:linear-gradient(105deg,#f7fbfd 0%,#eef7fb 60%,#deeff6 100%)!important}.blue-command-board{border-radius:4px!important;background:#074b77!important;box-shadow:14px 15px 0 rgba(7,119,165,.09),0 18px 34px rgba(5,62,96,.12)!important}.blue-pillars-grid article{border-radius:4px!important}.blue-route-band{background:#074b77!important}.blue-route-band .button-blue{background:#0877a5!important}
.application-page{background:#f5f8fb!important}.application-header{border-color:#d3e1eb!important}.wizard-shell{border-radius:4px!important;border-color:#cfdfe9!important;box-shadow:0 18px 35px rgba(4,66,103,.1)!important}.wizard-top{border-top:3px solid #1aa477!important;background:#074b77!important}.wizard-content{background:#fff!important}.success-page,.optional-assessment-page{background:#074b77!important}.success-card{border-radius:4px!important;border-top-color:#1aa477!important;box-shadow:14px 16px 0 rgba(20,125,173,.12)!important}.optional-dossier{border-radius:4px!important;background:#075377!important;box-shadow:14px 16px 0 rgba(20,125,173,.12)!important}.optional-content{border-radius:4px!important;box-shadow:14px 16px 0 rgba(4,34,58,.18)!important}
@media(max-width:760px){.roadmap-nav,.course-dossier-nav{padding-top:30px!important}.roadmap-nav:before,.course-dossier-nav:before{justify-content:flex-start;padding-inline:14px;font-size:7px;white-space:nowrap;overflow:hidden}.roadmap-nav nav,.course-dossier-nav nav{display:none!important}.roadmap-nav .nav-content,.course-dossier-nav .course-dossier-nav-inner{min-height:64px!important}.roadmap-nav .roadmap-brand b,.course-dossier-brand b{font-size:14px!important}.roadmap-nav-button,.course-dossier-apply{font-size:9px!important}.institutional-hero{padding-top:35px!important}.institutional-hero-inner{gap:18px!important}.institutional-visual{min-height:310px}.institutional-hero-footer{min-height:90px}.institutional-hero-footer span{font-size:7px!important}.metric-band{display:none!important}}

.institutional-utility-bar{position:relative;z-index:80;min-height:32px;background:#074b77;color:#dcecf9}.institutional-utility-inner{width:min(1216px,calc(100% - 64px));min-height:32px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px}.institutional-utility-inner>span:first-child{font-weight:700}.institutional-utility-inner nav{display:flex;align-items:center;gap:18px}.institutional-utility-inner a{color:#e4f4fb;transition:color .18s ease}.institutional-utility-inner a:hover{color:#8de0b7}.institutional-utility-contact{font-family:"DM Mono",monospace;direction:ltr;color:#a8eac9;font-size:8px}.roadmap-nav:before,.course-dossier-nav:before{content:none!important}@media(max-width:760px){.institutional-utility-inner{width:calc(100% - 28px);gap:8px;font-size:7px}.institutional-utility-inner nav{gap:9px}.institutional-utility-inner>span:first-child{display:none}.institutional-utility-contact{font-size:7px}}

/* From-scratch institutional shell */
.institutional-header{position:relative;z-index:70;background:#fff;border-bottom:1px solid #d9e4ec}.institutional-header-inner{width:min(1240px,calc(100% - 64px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.institutional-brand{display:flex;align-items:center;gap:12px;min-width:250px}.institutional-brand img{width:54px;height:54px;object-fit:contain}.institutional-brand span{display:grid;gap:3px}.institutional-brand strong{color:#073b68;font-size:17px;line-height:1.35}.institutional-brand small{color:#6c8498;font-size:9px}.institutional-main-nav{display:flex;align-items:stretch;align-self:stretch;gap:0}.institutional-main-nav a{display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:3px solid transparent;color:#496b84;font-size:11px;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.institutional-main-nav a:hover,.institutional-main-nav a.is-active{color:#0877a5;background:#f1f8fb;border-bottom-color:#1aa477}.institutional-header-actions{display:flex;align-items:center;gap:12px}.institutional-search{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5e2ea;border-radius:50%;background:#fff;color:#0877a5}.institutional-header-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:3px;background:#0877a5;color:#fff;font-size:11px;font-weight:700;transition:background .18s ease,transform .18s ease}.institutional-header-cta:hover{background:#075d83}.institutional-header-cta:active{transform:scale(.97)}.institutional-footer{padding:48px 0 0;background:#073b68;color:#dcecf9}.institutional-footer-inner{width:min(1240px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:38px}.institutional-footer-inner>div{display:grid;align-content:start;gap:10px}.institutional-footer strong{font-size:18px;color:#fff}.institutional-footer p{max-width:330px;margin:0;color:#a9c4d6;font-size:12px;line-height:2}.institutional-footer-links,.institutional-footer-contact{gap:8px!important}.institutional-footer-links>span,.institutional-footer-contact>span{margin-bottom:5px;color:#8de0b7;font-size:10px;font-weight:700}.institutional-footer-links a,.institutional-footer-contact a{color:#dcecf9;font-size:11px}.institutional-footer-links a:hover,.institutional-footer-contact a:hover{color:#8de0b7}.institutional-footer-bottom{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:15px 0;border-top:1px solid rgba(220,236,249,.18);display:flex;justify-content:space-between;color:#9bb6c8;font-size:9px}.institutional-footer-bottom span:last-child{font-family:"DM Mono",monospace;direction:ltr}@media(max-width:900px){.institutional-header-inner{width:calc(100% - 28px);min-height:70px}.institutional-main-nav{display:none}.institutional-brand{min-width:0}.institutional-brand strong{font-size:14px}.institutional-brand small{font-size:8px}.institutional-header-actions{gap:6px}.institutional-search{display:none}.institutional-header-cta{padding:10px 12px;font-size:9px}.institutional-footer-inner{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:28px}.institutional-footer-inner>div:first-child{grid-column:1/-1}.institutional-footer-bottom{width:calc(100% - 28px);display:grid;gap:7px;font-size:8px}}

/* NEW INSTITUTIONAL HOME — independent layout */
.reference-home{min-height:100vh;background:#f7fafc;color:#153a59}.reference-container{width:min(1200px,calc(100% - 64px));margin:0 auto}.reference-home-hero{position:relative;overflow:hidden;background:#07547b;color:#fff}.reference-home-hero-lines{position:absolute;inset:0;overflow:hidden;opacity:.9;pointer-events:none}.reference-home-hero-lines:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(147,224,218,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(147,224,218,.12) 1px,transparent 1px);background-size:70px 70px;transform:perspective(460px) rotateX(58deg) scale(1.4);transform-origin:center bottom;animation:institutional-grid-drift 15s linear infinite}.reference-home-hero-lines:after{content:"";position:absolute;width:760px;height:760px;right:-210px;top:-280px;border:1px solid rgba(147,224,218,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(147,224,218,.04),0 0 0 130px rgba(147,224,218,.03),0 0 0 220px rgba(147,224,218,.02);animation:institutional-radar 13s ease-in-out infinite}.reference-home-hero-lines i{position:absolute;display:block;height:1px;width:680px;left:-130px;background:linear-gradient(90deg,transparent,#8de0b7,transparent);transform:rotate(-17deg);animation:institutional-scan 8s ease-in-out infinite}.reference-home-hero-lines i:nth-child(1){top:28%;animation-delay:-2s}.reference-home-hero-lines i:nth-child(2){top:56%;transform:rotate(21deg);animation-delay:-5s}.reference-home-hero-lines i:nth-child(3){top:72%;width:510px;transform:rotate(-8deg);animation-delay:-1s}.reference-home-hero-lines span{position:absolute;width:7px;height:7px;border:1px solid #8de0b7;border-radius:50%;box-shadow:0 0 0 5px rgba(141,224,183,.08),0 0 19px #8de0b7;animation:institutional-node 4s ease-in-out infinite}.reference-home-hero-lines span:nth-of-type(1){left:31%;top:35%}.reference-home-hero-lines span:nth-of-type(2){left:55%;top:66%;animation-delay:-2s}.reference-home-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;min-height:570px;padding:66px 0 50px}.reference-hero-message{max-width:690px}.reference-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(141,224,183,.45);background:rgba(255,255,255,.06);color:#baf1d3;font-size:12px}.reference-hero-message h1{margin:25px 0 8px;color:#fff;font-size:clamp(42px,5vw,72px);line-height:1.25;letter-spacing:-.07em}.reference-hero-message h1 em{color:#8de0b7;font-style:normal}.reference-hero-subtitle{margin:0;color:#d5eef4;font-size:clamp(20px,2.2vw,31px);font-weight:700;line-height:1.7}.reference-hero-subtitle b{color:#8de0b7}.reference-hero-copy{max-width:600px;margin:18px 0 28px;color:#c1dce7;font-size:15px;line-height:2.05}.reference-hero-actions{display:flex;align-items:center;gap:12px}.reference-primary-action,.reference-light-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:3px;font-size:13px;font-weight:800;transition:transform .18s ease,background .18s ease}.reference-primary-action{background:#18a77c;color:#fff}.reference-primary-action:hover{background:#22bd90;transform:translateY(-2px)}.reference-light-action{border:1px solid rgba(255,255,255,.38);color:#fff}.reference-light-action:hover{background:rgba(255,255,255,.1)}.reference-hero-contact{display:flex;align-items:center;gap:13px;margin-top:24px;color:#a7c9d5;font-size:10px}.reference-hero-contact a{color:#dff8eb;font-family:"DM Mono",monospace;direction:ltr}.reference-hero-emblem{justify-self:center;display:grid;place-items:center;gap:10px;width:360px;height:360px;border:1px solid rgba(141,224,183,.32);background:rgba(5,50,77,.35);box-shadow:0 20px 60px rgba(0,26,47,.18);transform:rotate(45deg);animation:institutional-emblem-float 8s ease-in-out infinite}.reference-hero-emblem>*{transform:rotate(-45deg)}.reference-emblem-ring{position:relative;display:grid;place-items:center;width:160px;height:160px;border:1px solid rgba(141,224,183,.8);border-radius:50%;color:#8de0b7}.reference-emblem-ring:before,.reference-emblem-ring:after{content:"";position:absolute;inset:18px;border:1px solid rgba(141,224,183,.5);border-radius:50%}.reference-emblem-ring:after{inset:47px;border-color:#8de0b7}.reference-emblem-ring span{position:absolute;width:12px;height:12px;border-radius:50%;background:#8de0b7;box-shadow:0 0 20px #8de0b7}.reference-emblem-ring span:nth-of-type(1){top:-6px}.reference-emblem-ring span:nth-of-type(2){bottom:20px;right:4px}.reference-hero-emblem>b{color:#fff;font:700 20px "DM Mono",monospace;letter-spacing:.08em}.reference-hero-emblem>small{color:#a9d2dc;font:700 9px "DM Mono",monospace;letter-spacing:.13em}.reference-emblem-status{display:flex;align-items:center;gap:7px;color:#8de0b7;font:700 9px "DM Mono",monospace}.reference-emblem-status i{width:6px;height:6px;border-radius:50%;background:#8de0b7;box-shadow:0 0 10px #8de0b7}.reference-hero-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.18);color:#b5d8e1;font-size:11px}.reference-hero-meta span{display:flex;align-items:center;gap:8px}.reference-hero-meta svg{color:#8de0b7}.reference-service-strip{background:#fff;border-bottom:1px solid #dce8ef}.reference-service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.reference-service-card{display:grid;grid-template-columns:30px 1fr;gap:14px;min-height:160px;padding:26px 20px;border-left:1px solid #dce8ef;color:#175071;transition:background .2s ease,transform .2s ease}.reference-service-card:last-child{border-left:0}.reference-service-card:hover{background:#f0f8fb;transform:translateY(-3px)}.reference-service-card>svg{color:#0782a5}.reference-service-card h2{margin:0 0 7px;font-size:15px}.reference-service-card p{margin:0;color:#6c8291;font-size:11px;line-height:1.9}.reference-service-card span{display:flex;align-items:center;gap:4px;margin-top:13px;color:#0782a5;font-size:10px;font-weight:800}.reference-section{padding:100px 0}.reference-mission{background:#f7fafc}.reference-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.reference-section-label{display:block;margin-bottom:15px;color:#0981a4;font-size:10px;font-weight:800;letter-spacing:.08em}.reference-mission h2,.reference-section-heading h2,.reference-final-cta h2{margin:0;color:#123f61;font-size:clamp(31px,4vw,52px);line-height:1.45;letter-spacing:-.06em}.reference-mission p{margin:0;color:#668092;font-size:16px;line-height:2.1}.reference-inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#0782a5;font-size:12px;font-weight:800}.reference-services{background:#fff}.reference-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.reference-section-heading>p{max-width:330px;margin:0;color:#718696;font-size:12px;line-height:2}.reference-service-panels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d3e2ea;border-right:1px solid #d3e2ea}.reference-panel{display:flex;flex-direction:column;min-height:260px;padding:28px;border-left:1px solid #d3e2ea;border-bottom:1px solid #d3e2ea;transition:background .2s ease}.reference-panel:hover{background:#f1f8fb}.reference-panel>span{align-self:flex-end;color:#9bb2c1;font:700 12px "DM Mono",monospace}.reference-panel>svg{margin:24px 0 16px;color:#0782a5}.reference-panel h3{margin:0 0 9px;color:#164867;font-size:19px}.reference-panel p{margin:0;color:#708795;font-size:12px;line-height:1.9}.reference-panel b{display:flex;align-items:center;gap:7px;margin-top:auto;color:#0782a5;font-size:11px}.reference-panel-blue{background:#07547b;color:#fff}.reference-panel-blue h3{color:#fff}.reference-panel-blue p{color:#bddce6}.reference-panel-blue>svg,.reference-panel-blue b{color:#8de0b7}.reference-updates{background:#eef6f9}.reference-update-list{border-top:1px solid #cbdde6}.reference-update-list article{display:grid;grid-template-columns:130px 1fr 20px;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #cbdde6}.reference-update-list article>span{color:#0782a5;font:700 11px "DM Mono",monospace;direction:ltr}.reference-update-list h3{margin:0 0 6px;color:#164867;font-size:15px}.reference-update-list p{margin:0;color:#718896;font-size:11px}.reference-update-list svg{color:#0782a5}.reference-final-cta{padding:68px 0;background:#07547b;color:#fff}.reference-final-cta .reference-container{display:flex;align-items:center;justify-content:space-between;gap:35px}.reference-final-cta h2{color:#fff;font-size:clamp(27px,3.5vw,46px)}.reference-final-cta p{margin:12px 0 0;color:#c0dbe5;font-size:13px}.reference-final-cta .reference-primary-action{flex:none;background:#18a77c}@keyframes institutional-grid-drift{0%{transform:perspective(460px) rotateX(58deg) translateY(0) scale(1.4)}100%{transform:perspective(460px) rotateX(58deg) translateY(70px) scale(1.4)}}@keyframes institutional-radar{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes institutional-scan{0%,100%{translate:0 0;opacity:.2}50%{translate:100px -15px;opacity:.8}}@keyframes institutional-node{0%,100%{transform:scale(.75);opacity:.4}50%{transform:scale(1.5);opacity:1}}@keyframes institutional-emblem-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:900px){.reference-container{width:calc(100% - 28px)}.reference-home-hero-inner{grid-template-columns:1fr;gap:40px;min-height:0;padding:55px 0 30px}.reference-hero-message h1{font-size:43px}.reference-hero-emblem{width:245px;height:245px;transform:rotate(45deg) scale(.82);margin:-9px auto -20px}.reference-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);font-size:8px}.reference-service-grid{grid-template-columns:repeat(2,1fr)}.reference-service-card:nth-child(2){border-left:0}.reference-mission-grid{grid-template-columns:1fr;gap:30px}.reference-section{padding:68px 0}.reference-section-heading{display:grid;gap:18px}.reference-service-panels{grid-template-columns:1fr}.reference-final-cta .reference-container{display:grid}.reference-update-list article{grid-template-columns:90px 1fr 16px;gap:12px}}
@media(max-width:520px){.reference-hero-actions{display:grid;grid-template-columns:1fr 1fr}.reference-primary-action,.reference-light-action{padding:0 10px;font-size:10px}.reference-hero-contact{flex-wrap:wrap;gap:8px}.reference-hero-contact span{width:100%}.reference-hero-meta{gap:8px}.reference-hero-meta span{display:grid;justify-items:center;text-align:center;gap:5px}.reference-service-card{min-height:190px;padding:20px 12px;grid-template-columns:22px 1fr;gap:9px}.reference-service-card h2{font-size:12px}.reference-service-card p{font-size:10px}.reference-update-list article{grid-template-columns:1fr 16px}.reference-update-list article>span{grid-column:1/-1}.reference-update-list h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.reference-home-hero-lines:before,.reference-home-hero-lines:after,.reference-home-hero-lines i,.reference-home-hero-lines span,.reference-hero-emblem{animation:none}}

/* NEW COURSE REGISTER — independent layout */
.new-course-page{background:#f5f9fb;color:#163f5d}.new-course-intro{padding:86px 0 70px;background:#edf7fa;border-bottom:1px solid #d2e5ec}.new-course-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.institutional-label{display:block;color:#0782a5;font:700 10px "DM Mono",monospace;letter-spacing:.1em;direction:ltr}.new-course-intro h1{margin:23px 0 18px;color:#123d5d;font-size:clamp(42px,5vw,70px);line-height:1.3;letter-spacing:-.07em}.new-course-intro h1 em{color:#087fa8;font-style:normal}.new-course-intro>div>p{max-width:580px;margin:0;color:#678293;font-size:15px;line-height:2.1}.new-course-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.new-course-jump{display:inline-flex;align-items:center;gap:8px;color:#087ca3;font-size:12px;font-weight:800}.new-course-intro-card{position:relative;min-height:310px;padding:30px;background:#07547b;color:#fff;box-shadow:14px 15px 0 rgba(7,119,165,.12)}.new-course-intro-card:after{content:"";position:absolute;right:-40px;bottom:-50px;width:180px;height:180px;border:1px solid rgba(141,224,183,.4);border-radius:50%;box-shadow:0 0 0 28px rgba(141,224,183,.04),0 0 0 60px rgba(141,224,183,.03)}.new-course-intro-card>span{color:#9ee5bc;font-size:11px}.new-course-intro-card>b{display:block;margin-top:10px;color:#fff;font:700 62px "DM Mono",monospace;direction:ltr}.new-course-intro-card>strong{display:block;margin-top:3px;color:#8de0b7;font-size:19px}.new-course-intro-card>p{position:relative;z-index:1;max-width:260px;margin:16px 0;color:#c5e2ea;font-size:11px;line-height:1.9}.new-course-progress{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:30px}.new-course-progress i,.new-course-progress b{height:5px;background:#2c7895}.new-course-progress b{background:#8de0b7}.new-course-intro-card>small{display:block;position:relative;z-index:1;margin-top:12px;color:#a8cad5;font:700 8px "DM Mono",monospace;direction:ltr}.new-course-facts{background:#fff;border-bottom:1px solid #d6e6ed}.new-course-facts .reference-container{display:grid;grid-template-columns:repeat(4,1fr)}.new-course-facts .reference-container>div{display:flex;align-items:center;gap:12px;padding:25px 22px;border-left:1px solid #d6e6ed}.new-course-facts .reference-container>div:last-child{border-left:0}.new-course-facts svg{color:#0782a5}.new-course-facts b{color:#123d5d;font:700 25px "DM Mono",monospace;direction:ltr}.new-course-facts span{color:#77909d;font-size:10px}.new-curriculum{padding:92px 0;background:#fff}.new-curriculum-heading{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-bottom:42px}.new-curriculum-heading h2{margin:16px 0 0;color:#123d5d;font-size:clamp(30px,4vw,48px);letter-spacing:-.06em}.new-curriculum-heading p{margin:0;color:#6e8795;font-size:13px;line-height:2}.new-curriculum-list{border-top:2px solid #165373}.new-module{display:grid;grid-template-columns:115px 1fr;gap:0;min-height:250px;border-bottom:1px solid #d4e2e9}.new-module-index{position:relative;padding:26px 22px 20px;border-left:1px solid #d4e2e9;background:#f5fafc}.new-module-index b{display:block;color:#087ea5;font:700 29px "DM Mono",monospace;direction:ltr}.new-module-index span{display:block;margin-top:4px;color:#8aa3ae;font:700 9px "DM Mono",monospace;direction:ltr}.new-module-index i{position:absolute;top:86px;bottom:-18px;right:50%;width:1px;background:#7cc8c0}.new-module:last-child .new-module-index i{display:none}.new-module-body{padding:25px 28px}.new-module.start{background:#eff9f6;border-right:5px solid #18a77c}.new-module.capstone{background:#f1f7fb}.new-module-status{display:flex;align-items:center;gap:8px;color:#0782a5;font-size:11px}.new-module-status>b{margin-right:auto;padding:5px 9px;background:#dff5e8;color:#13815e;font-size:9px}.new-module-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:14px 0 10px}.new-module-heading small{color:#6c8593;font:700 10px "DM Mono",monospace;direction:ltr}.new-module-heading h3{margin:5px 0 0;color:#133f5d;font-size:23px}.new-module-heading>span{color:#9bb0ba;font:700 11px "DM Mono",monospace;direction:ltr}.new-module-body>p{max-width:700px;margin:0;color:#6a8291;font-size:12px;line-height:1.9}.new-module-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:750px;margin-top:18px;padding-top:15px;border-top:1px solid #d9e7ed}.new-module-columns small{display:block;margin-bottom:6px;color:#0782a5;font-size:10px;font-weight:800}.new-module-columns strong{display:block;color:#3f6477;font-size:11px;line-height:1.8;font-weight:500}.new-topic-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px}.new-topic-row small{margin-left:6px;color:#8aa1ab;font:700 9px "DM Mono",monospace;direction:ltr}.new-topic-row span{padding:5px 8px;border:1px solid #cfe1e8;color:#54778a;font:500 9px "DM Mono",monospace;direction:ltr}.new-course-cta{padding:62px 0;background:#07547b;color:#fff}.new-course-cta .reference-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.new-course-cta h2{margin:12px 0 0;color:#fff;font-size:clamp(28px,3.5vw,44px)}.new-course-cta p{margin:8px 0 0;color:#c1dce6;font-size:13px}@media(max-width:900px){.new-course-intro-grid{grid-template-columns:1fr;gap:48px}.new-course-intro{padding:55px 0}.new-course-facts .reference-container{grid-template-columns:repeat(2,1fr)}.new-course-facts .reference-container>div:nth-child(2){border-left:0}.new-curriculum-heading{grid-template-columns:1fr;gap:20px}.new-course-cta .reference-container{display:grid}.new-module{grid-template-columns:72px 1fr}.new-module-index{padding:23px 12px}.new-module-index b{font-size:21px}.new-module-body{padding:22px 16px}}@media(max-width:520px){.new-course-intro h1{font-size:42px}.new-course-actions{display:grid;grid-template-columns:1fr;gap:14px}.new-course-intro-card{min-height:285px}.new-module-columns{grid-template-columns:1fr;gap:12px}.new-module-heading h3{font-size:18px}.new-topic-row span{font-size:8px}.new-course-facts b{font-size:20px}.new-course-facts span{font-size:9px}}

/* NEW BLUE TEAM PORTAL — independent layout */
.new-blue-page{background:#f5f9fb;color:#163f5d}.new-blue-intro{padding:92px 0 74px;background:#eaf5f8;border-bottom:1px solid #d0e3ea}.new-blue-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.new-blue-intro h1{margin:22px 0 16px;color:#123d5d;font-size:clamp(48px,6vw,82px);line-height:1.23;letter-spacing:-.08em}.new-blue-intro h1 em{color:#087fa8;font-style:normal}.new-blue-intro>div>p{max-width:580px;margin:0;color:#6b8493;font-size:15px;line-height:2.05}.new-blue-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.new-blue-seal{justify-self:center;display:grid;place-items:center;gap:12px;width:340px;height:340px;border:1px solid #a8cbd7;background:#07547b;color:#fff;transform:rotate(45deg);box-shadow:16px 16px 0 rgba(7,119,165,.12)}.new-blue-seal>*{transform:rotate(-45deg)}.new-blue-seal-ring{position:relative;display:grid;place-items:center;width:145px;height:145px;border:1px solid #8de0b7;border-radius:50%;color:#8de0b7}.new-blue-seal-ring:before,.new-blue-seal-ring:after{content:"";position:absolute;border:1px solid rgba(141,224,183,.5);border-radius:50%}.new-blue-seal-ring:before{inset:17px}.new-blue-seal-ring:after{inset:42px}.new-blue-seal-ring i{position:absolute;width:7px;height:7px;border-radius:50%;background:#8de0b7}.new-blue-seal-ring i:first-of-type{top:-4px}.new-blue-seal-ring i:last-of-type{right:2px;bottom:18px}.new-blue-seal>b{font:700 20px "DM Mono",monospace;letter-spacing:.08em}.new-blue-seal>small,.new-blue-seal>span{color:#b9dae2;font:700 9px "DM Mono",monospace;letter-spacing:.08em}.new-blue-seal>span{color:#8de0b7;font-size:8px}.new-blue-facts{background:#07547b;color:#fff}.new-blue-facts .reference-container{display:grid;grid-template-columns:repeat(4,1fr)}.new-blue-facts .reference-container>div{display:flex;align-items:center;gap:16px;padding:24px;border-left:1px solid rgba(255,255,255,.2)}.new-blue-facts .reference-container>div:last-child{border-left:0}.new-blue-facts b{color:#8de0b7;font:700 28px "DM Mono",monospace}.new-blue-facts span{color:#d0e7ec;font-size:12px}.new-blue-pillars{padding:96px 0;background:#fff}.new-blue-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d4e2e9;border-right:1px solid #d4e2e9}.new-blue-pillar-grid article{display:flex;flex-direction:column;min-height:280px;padding:27px 22px;border-left:1px solid #d4e2e9;border-bottom:1px solid #d4e2e9;transition:background .2s ease,transform .2s ease}.new-blue-pillar-grid article:hover{background:#f0f8fb;transform:translateY(-4px)}.new-blue-pillar-grid article>span{align-self:flex-end;color:#9bb3bf;font:700 11px "DM Mono",monospace}.new-blue-pillar-grid article>svg{margin:28px 0 16px;color:#0782a5}.new-blue-pillar-grid h3{margin:0 0 8px;color:#164867;font-size:17px}.new-blue-pillar-grid p{margin:0;color:#6f8794;font-size:11px;line-height:1.9}.new-blue-pillar-grid a{display:flex;align-items:center;gap:6px;margin-top:auto;color:#0782a5;font-size:10px;font-weight:800}.new-blue-quote{padding:90px 0;background:#07547b;color:#fff}.new-blue-quote h2{margin:18px 0 13px;color:#fff;font-size:clamp(32px,4.5vw,58px);line-height:1.4;letter-spacing:-.07em}.new-blue-quote h2 em{color:#8de0b7;font-style:normal}.new-blue-quote p{margin:0 0 25px;color:#c1dce6;font-size:14px}@media(max-width:900px){.new-blue-intro{padding:58px 0}.new-blue-intro-grid{grid-template-columns:1fr;gap:55px}.new-blue-seal{width:255px;height:255px;transform:rotate(45deg) scale(.82);margin:-12px auto -18px}.new-blue-facts .reference-container{grid-template-columns:repeat(2,1fr)}.new-blue-facts .reference-container>div:nth-child(2){border-left:0}.new-blue-pillar-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.new-blue-intro h1{font-size:51px}.new-blue-actions{display:grid;grid-template-columns:1fr;gap:14px}.new-blue-pillar-grid{grid-template-columns:1fr}.new-blue-facts b{font-size:22px}.new-blue-facts span{font-size:10px}}

/* NEW APPLICATION GATE */
.new-application-page{background:#f5f9fb;color:#173f5c}.new-application-intro{padding:66px 0 54px;background:#eaf5f8;border-bottom:1px solid #d2e3ea}.new-application-intro h1{margin:18px 0 12px;color:#123d5d;font-size:clamp(42px,5vw,66px);line-height:1.25;letter-spacing:-.07em}.new-application-intro h1 em{color:#087fa8;font-style:normal}.new-application-intro p{max-width:590px;margin:0;color:#6a8391;font-size:14px;line-height:2}.new-application-form{padding:42px 0 84px;background:#f5f9fb}.new-application-form .wizard-shell{width:min(960px,calc(100% - 64px));margin:0 auto;border:1px solid #d1e2e9;border-radius:3px;box-shadow:12px 14px 0 rgba(7,119,165,.08)}.new-application-form .application-header{display:none}.new-application-form .wizard-top{border-top:3px solid #18a77c;background:#07547b}.new-application-form .wizard-content{background:#fff}@media(max-width:520px){.new-application-intro{padding:45px 0 35px}.new-application-intro h1{font-size:45px}.new-application-form{padding:25px 0 60px}.new-application-form .wizard-shell{width:calc(100% - 28px)}}

/* NEW SUCCESS STATUS */
.new-success-page{background:#f5f9fb;color:#173f5c}.new-success-stage{padding:70px 0 100px;background:#eaf5f8}.new-success-card{width:min(780px,100%);margin:28px auto 0;padding:42px 50px;background:#fff;border-top:4px solid #18a77c;box-shadow:14px 16px 0 rgba(7,119,165,.1)}.new-success-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e4f7ed;color:#15966d}.new-success-overline{display:block;margin-top:22px;color:#0782a5;font-size:12px;font-weight:800}.new-success-card h1{margin:14px 0;color:#123d5d;font-size:clamp(39px,5vw,62px);line-height:1.3;letter-spacing:-.07em}.new-success-card h1 em{color:#087fa8;font-style:normal}.new-success-card>p{max-width:620px;margin:0;color:#6c8491;font-size:13px;line-height:2}.new-success-id{display:inline-block;margin:26px 0;padding:11px 17px;background:#07547b;color:#8de0b7;font:700 18px "DM Mono",monospace;direction:ltr}.new-success-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9e6ec;border-bottom:1px solid #d9e6ec}.new-success-info div{display:grid;gap:6px;padding:17px 13px;border-left:1px solid #d9e6ec}.new-success-info div:last-child{border-left:0}.new-success-info small{color:#78919e;font-size:9px}.new-success-info b{color:#167f61;font-size:12px}.new-success-mail{display:flex!important;align-items:center;gap:7px;margin:18px 0!important;color:#607b8a!important;font-size:10px!important}.new-success-next{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:25px;padding:22px;background:#edf7fa;border-right:4px solid #087fa8}.new-success-next>svg{color:#087fa8}.new-success-next span{color:#0782a5;font:700 9px "DM Mono",monospace;direction:ltr}.new-success-next h2{margin:8px 0;color:#123d5d;font-size:18px}.new-success-next p{margin:0;color:#708894;font-size:10px;line-height:1.8}.new-success-next .reference-primary-action{grid-column:1/-1;justify-self:start;min-height:44px}.new-success-contact{display:flex;gap:15px;align-items:center;margin-top:20px;color:#788f9c;font-size:10px}.new-success-contact a{color:#087fa8;font:700 10px "DM Mono",monospace;direction:ltr}.new-success-return{display:inline-flex;align-items:center;gap:6px;margin-top:25px;color:#087fa8;font-size:11px;font-weight:800}@media(max-width:600px){.new-success-stage{padding:42px 0 70px}.new-success-card{padding:30px 20px}.new-success-info{grid-template-columns:1fr}.new-success-info div{border-left:0;border-bottom:1px solid #d9e6ec}.new-success-info div:last-child{border-bottom:0}.new-success-next{grid-template-columns:1fr}.new-success-next>svg{display:none}.new-success-contact{flex-wrap:wrap}.new-success-contact span{width:100%}}

/* NEW ADMIN PRESENTATION */
.new-admin-page{color:#173f5c}.new-admin-page>header{padding:25px 0 18px;border-bottom:2px solid #07547b}.new-admin-page>header h1{color:#123d5d!important}.new-admin-page>section{border-radius:3px!important;border-color:#d2e2e9!important;box-shadow:none!important}.new-admin-page article{border-radius:3px!important}.new-admin-page button{border-radius:3px}.new-admin-page .bg-\[\#0b3d8f\]{background:#0877a5!important}.new-admin-page .text-\[\#1d63cf\]{color:#087fa8!important}.new-admin-page .text-\[\#0a2b66\],.new-admin-page .text-\[\#243e63\]{color:#123d5d!important}.new-admin-page .bg-emerald-50{background:#e4f7ed!important}.new-admin-page .text-emerald-700{color:#16815f!important}

/* NEW ASSESSMENT WORKSPACE */
.new-assessment-page{background:#f5f9fb;color:#163f5d}.new-assessment-intro{padding:68px 0 52px;background:#eaf5f8;border-bottom:1px solid #d2e3ea}.new-assessment-intro-inner{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end}.new-assessment-intro h1{margin:18px 0 12px;color:#123d5d;font-size:clamp(40px,5vw,62px);line-height:1.3;letter-spacing:-.07em}.new-assessment-intro h1 em{color:#087fa8;font-style:normal}.new-assessment-intro p{max-width:570px;margin:0;color:#6b8392;font-size:13px;line-height:2}.new-assessment-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-bottom:5px;border-bottom:2px solid #b9d8e1}.new-assessment-progress span{display:grid;gap:8px;color:#89a2ad;font:700 8px "DM Mono",monospace;direction:ltr}.new-assessment-progress span b{color:#a1bac4;font-size:13px}.new-assessment-progress span.is-active,.new-assessment-progress span.is-active b{color:#087fa8}.new-assessment-workspace{padding:45px 0 90px;background:#f5f9fb}.new-assessment-grid{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.new-assessment-rail{display:grid;gap:12px;padding:24px 18px;border-top:3px solid #087fa8;background:#fff;border-right:1px solid #d3e4eb}.new-assessment-rail>b{color:#123d5d;font:700 30px "DM Mono",monospace;direction:ltr}.new-assessment-rail>p{margin:0;color:#718a96;font-size:11px}.new-assessment-rail>div{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:18px}.new-assessment-rail i{height:5px;background:#d7e7ed}.new-assessment-rail i.is-active{background:#18a77c}.new-assessment-rail>a{display:flex;align-items:center;gap:5px;margin-top:15px;color:#087fa8;font-size:10px;font-weight:800}.new-assessment-panel{min-height:520px;padding:38px 42px;background:#fff;border-top:4px solid #18a77c;box-shadow:12px 13px 0 rgba(7,119,165,.08)}.new-assessment-panel h2{margin:16px 0 8px;color:#123d5d;font-size:clamp(25px,3vw,38px);letter-spacing:-.05em}.new-assessment-panel>p{margin:0;color:#6e8794;font-size:12px;line-height:1.9}.new-skill-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:26px;border-top:1px solid #d5e4eb}.new-skill-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #d5e4eb}.new-skill-list label>span{display:grid;gap:3px}.new-skill-list label b{color:#31566c;font:600 11px "DM Mono",monospace;direction:ltr}.new-skill-list label small{color:#9ab0ba;font:700 8px "DM Mono",monospace;direction:ltr}.new-skill-list select{min-width:92px;padding:8px;border:1px solid #c8dce5;background:#f8fbfc;color:#31566c;font-size:10px}.new-assessment-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:28px;padding-top:22px;border-top:1px solid #d5e4eb}.new-assessment-back{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#6d8794;font-size:11px;font-weight:800}.new-quiz-list{margin-top:24px;border-top:1px solid #d5e4eb}.new-quiz-list article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid #d5e4eb}.new-quiz-list article>b{color:#087fa8;font:700 13px "DM Mono",monospace;direction:ltr}.new-quiz-list h3{margin:0 0 12px;color:#31566c;font-size:13px}.new-quiz-list article>div>div{display:flex;flex-wrap:wrap;gap:7px}.new-quiz-list button{padding:8px 11px;border:1px solid #cbdee6;background:#fff;color:#557586;font-size:10px}.new-quiz-list button.is-selected{border-color:#18a77c;background:#e6f7ef;color:#117b5c}.new-assessment-result{display:grid;gap:15px;place-items:start;padding:20px 0}.new-assessment-result>svg{color:#18a77c}.new-assessment-result h2{margin:0;font-size:32px}.new-assessment-result>p{max-width:500px}.new-assessment-result>div{display:flex;gap:30px;margin:12px 0}.new-assessment-result>div b{color:#087fa8;font:700 30px "DM Mono",monospace;direction:ltr}.new-assessment-result>div small{display:block;color:#8da5ae;font-size:9px}.new-assessment-error{margin-top:18px!important;color:#b93c51!important}.new-assessment-empty{min-height:600px;padding:100px max(28px,calc((100% - 760px)/2));display:grid;place-items:start;align-content:center;gap:14px;background:#eaf5f8}.new-assessment-empty svg{color:#d58a39}.new-assessment-empty h1{margin:0;color:#123d5d;font-size:52px;line-height:1.3}.new-assessment-empty h1 em{color:#087fa8;font-style:normal}.new-assessment-empty p{margin:0;color:#6b8392}@media(max-width:850px){.new-assessment-intro-inner{grid-template-columns:1fr;gap:35px}.new-assessment-grid{grid-template-columns:1fr}.new-assessment-rail{order:2}.new-assessment-panel{order:1}.new-skill-list{grid-template-columns:1fr}}@media(max-width:520px){.new-assessment-intro{padding:45px 0}.new-assessment-progress span{font-size:6px}.new-assessment-progress span b{font-size:10px}.new-assessment-panel{padding:28px 17px}.new-assessment-panel h2{font-size:25px}.new-skill-list label b{font-size:9px}.new-assessment-empty h1{font-size:42px}}

.institutional-admin-frame{min-height:100%;background:#f5f9fb}.institutional-admin-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-24px -24px 24px;padding:12px 20px;background:#07547b;color:#cde6ed;font:700 9px "DM Mono",monospace;direction:ltr;letter-spacing:.05em}.institutional-admin-banner span{display:flex;align-items:center;gap:7px}.institutional-admin-banner svg{color:#8de0b7}.institutional-admin-banner b{color:#8de0b7}.institutional-admin-content{padding:0 24px 24px}@media(max-width:720px){.institutional-admin-banner{margin:-16px -16px 18px;padding:10px 14px;font-size:7px}.institutional-admin-content{padding:0 14px 18px}}

.admin-login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:#eaf5f8}.admin-login-card{width:min(100%,430px);padding:42px;background:#fff;border-top:4px solid #087fa8;box-shadow:16px 16px 0 rgba(7,84,123,.1)}.admin-login-card h1{margin:18px 0 10px;color:#123d5d;font-size:30px}.admin-login-card>p{margin:0 0 28px;color:#718995;font-size:12px;line-height:2}.admin-login-card form{display:grid;gap:16px}.admin-login-card label{display:grid;gap:7px;color:#31566c;font-size:11px;font-weight:800}.admin-login-card input{height:45px;border:1px solid #c8dce5;border-radius:0;background:#f8fbfc}.admin-login-card button{margin-top:8px;border-radius:0;background:#087fa8}.admin-login-error{color:#b93c51;font-size:11px;font-weight:800}@media(max-width:520px){.admin-login-card{padding:30px 22px}.admin-login-card h1{font-size:25px}}

/* Admin mobile-first corrective layer */
.blue-admin-inset{min-width:0;overflow-x:hidden}.new-admin-page{min-width:0;width:100%;box-sizing:border-box}.new-admin-page section,.new-admin-page article{min-width:0;max-width:100%}.new-admin-page .overflow-x-auto{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.new-admin-page table{min-width:700px}
@media (max-width:767px){
  [data-sidebar="sidebar"]{max-width:86vw}
  .new-admin-page{padding:14px 12px 32px!important;gap:14px!important}
  .new-admin-page>header{padding:16px!important;gap:16px!important;align-items:stretch!important}
  .new-admin-page>header>div:last-child{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .new-admin-page>header .w-\[170px\]{width:100%!important;min-width:0}
  .new-admin-page>section{padding:14px!important}
  .new-admin-page .grid.gap-3{grid-template-columns:minmax(0,1fr)!important}
  .new-admin-page .grid.grid-cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .new-admin-page .flex.items-center.justify-between{gap:10px;flex-wrap:wrap}
  .new-admin-page h1{font-size:1.55rem!important;line-height:1.5!important}
  .new-admin-page h2{font-size:1.05rem!important}
  .new-admin-page .p-6{padding:14px!important}
}
@media (max-width:390px){.new-admin-page>header>div:last-child{grid-template-columns:minmax(0,1fr)}.new-admin-page table{min-width:640px}}