.curriculum-outcomes{position:relative;isolation:isolate;overflow:hidden;padding:112px 0 124px;background:linear-gradient(145deg,#06182e 0%,#0b2a4a 54%,#32132f 100%);color:#fff}.curriculum-outcomes:before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}.curriculum-outcomes:after{content:"04";position:absolute;z-index:-2;right:-.03em;bottom:-.3em;color:#ffffff05;font:800 clamp(17rem,32vw,35rem)/1 Manrope,sans-serif;letter-spacing:-.12em;pointer-events:none}.outcomes-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.outcomes-glow-one{width:620px;height:620px;left:-370px;top:-320px;background:radial-gradient(circle,#299dcb28,transparent 70%)}.outcomes-glow-two{width:650px;height:650px;right:-380px;bottom:-390px;background:radial-gradient(circle,#df287d3b,transparent 70%)}
.outcomes-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.62fr);align-items:end;gap:75px;margin-bottom:50px}.outcomes-heading .mini-label{color:#f27eb7}.outcomes-heading h2{max-width:850px;margin:12px 0 0;color:#fff;font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.05;letter-spacing:-.055em}.outcomes-heading>p{margin:0 0 8px;padding-left:23px;border-left:2px solid #dd2c7f;color:#bfd0dc;font-size:1rem;line-height:1.85}
.outcomes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.outcome-card{--outcome-accent:#ef4a98;position:relative;overflow:hidden;display:grid;grid-template-columns:95px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 26px;min-height:310px;padding:31px 34px 27px;border:1px solid #ffffff17;border-radius:20px;background:linear-gradient(145deg,#ffffff13,#ffffff07);box-shadow:inset 0 1px 0 #ffffff0d,0 25px 55px #020b1738;backdrop-filter:blur(8px);transition:transform .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease}.outcome-card:before{content:"";position:absolute;width:260px;height:260px;right:-165px;top:-170px;border-radius:50%;background:var(--outcome-accent);filter:blur(4px);opacity:.13;transition:transform .4s ease,opacity .4s ease}.outcome-card:after{content:"";position:absolute;left:34px;bottom:0;width:76px;height:4px;border-radius:2px 2px 0 0;background:var(--outcome-accent);transition:width .35s ease}.outcome-card:hover{transform:translateY(-8px);border-color:#ffffff3a;background:linear-gradient(145deg,#ffffff1b,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff14,0 34px 70px #02091463}.outcome-card:hover:before{opacity:.25;transform:scale(1.2)}.outcome-card:hover:after{width:calc(100% - 68px)}.outcome-card-2{--outcome-accent:#58a9e8}.outcome-card-3{--outcome-accent:#d36de7}.outcome-card-4{--outcome-accent:#55c2b6}
.outcome-card-head{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.outcome-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--outcome-accent) 58%,white);border-radius:20px;background:color-mix(in srgb,var(--outcome-accent) 16%,transparent);color:#fff;box-shadow:inset 0 0 22px #ffffff0c}.outcome-icon .icon{width:31px;height:31px;stroke-width:1.55}.outcome-card-head>b{color:#ffffff24;font:800 3rem/1 Manrope,sans-serif;letter-spacing:-.08em}
.outcome-card-copy{position:relative;z-index:1;align-self:center}.outcome-card-copy small{display:block;color:var(--outcome-accent);font:700 .62rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.16em}.outcome-card h3{margin:13px 0 15px;color:#fff;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.3;letter-spacing:-.035em}.outcome-card h3 br{display:none}.outcome-card p{max-width:490px;margin:0;color:#bdceda;font-size:.95rem;line-height:1.75}.outcome-card-footer{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid #ffffff15;color:#91a8ba}.outcome-card-footer span{font:700 .58rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.14em}.outcome-card-footer i{width:4px;height:4px;border-radius:50%;background:var(--outcome-accent);box-shadow:0 0 10px var(--outcome-accent)}
@media(max-width:960px){.outcomes-heading{grid-template-columns:1fr;gap:22px}.outcomes-heading>p{max-width:650px}.outcomes-grid{grid-template-columns:1fr}.outcome-card{min-height:280px}}
@media(max-width:620px){.curriculum-outcomes{padding:82px 0 90px}.outcomes-heading{margin-bottom:32px}.outcomes-heading h2{font-size:2.7rem}.outcomes-heading>p{padding-left:16px;font-size:.91rem}.outcome-card{grid-template-columns:1fr;min-height:300px;padding:24px 22px 23px;border-radius:14px}.outcome-card-head{flex-direction:row;align-items:center}.outcome-icon{width:57px;height:57px;border-radius:14px}.outcome-icon .icon{width:26px;height:26px}.outcome-card-head>b{font-size:2.35rem}.outcome-card-copy{margin-top:22px}.outcome-card h3{font-size:1.65rem}.outcome-card p{font-size:.9rem}.outcome-card:after{left:22px}.outcome-card:hover:after{width:calc(100% - 44px)}}
@media(prefers-reduced-motion:reduce){.outcome-card,.outcome-card:before,.outcome-card:after{transition:none!important}}
[data-theme="dark"] body[data-page="curriculum"] .curriculum-outcomes{background:linear-gradient(145deg,#051321,#0a2238 58%,#271020)}