body.education-page{--edu-ink:#f6efff;--edu-muted:#bcb0ce;--edu-line:#ddc8ff26;--edu-violet:#c9adff;--edu-blue:#91cfff;--edu-gold:#f4d9a8;background:#070916;color:var(--edu-ink);overflow-x:clip}
body.education-page .detail-header{position:fixed;inset:0 0 auto;z-index:80;height:78px;padding-inline:clamp(20px,4vw,64px);background:linear-gradient(180deg,#070916e8 0%,#0709169c 55%,transparent 100%);border:0}
body.education-page main,body.education-page footer{position:relative;z-index:1;background:transparent!important}
.education-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:120px clamp(24px,8vw,130px) 90px;overflow:hidden}
.education-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#7a4eb930 0,transparent 38%),radial-gradient(ellipse at 15% 72%,#24558f24 0,transparent 43%),radial-gradient(ellipse at 85% 25%,#9c467223 0,transparent 38%);pointer-events:none}
.education-hero-content{position:relative;z-index:3;width:min(100%,1120px);text-align:center}
.education-hero .back-link{position:absolute;left:0;top:-12vh;margin:0;color:#cdbbea;font-size:12px}
.education-eyebrow{margin:0 0 19px;color:var(--edu-violet);font:500 11px/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.education-hero h1{max-width:980px;margin:0 auto;color:#fbf6ff;font:400 clamp(42px,6.1vw,88px)/1.18 var(--serif);letter-spacing:-.025em;text-wrap:balance;text-shadow:0 12px 55px #05020e}
.education-hero-lead{max-width:760px;margin:30px auto 0;color:#c9bed8;font-size:clamp(15px,1.35vw,19px);line-height:2}
.education-scroll-cue{display:inline-flex;align-items:center;gap:14px;margin-top:48px;min-height:48px;padding:6px 2px;color:#efe5fb;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #d5bcf14a}
.education-scroll-cue i{width:34px;height:1px;background:linear-gradient(90deg,#d5b9f3,transparent);position:relative}
.education-scroll-cue i:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #d5b9f3;border-bottom:1px solid #d5b9f3;transform:rotate(-45deg)}
.education-hero-glow{position:absolute;inset:0;pointer-events:none;filter:blur(.2px)}
.education-hero-glow i{position:absolute;left:50%;top:48%;border:1px solid #d9c0ff1e;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);box-shadow:0 0 70px #ac83dd0c}
.education-hero-glow i:nth-child(1){width:min(74vw,980px);height:min(47vw,610px);animation:edu-orbit 28s linear infinite}
.education-hero-glow i:nth-child(2){width:min(58vw,760px);height:min(58vw,760px);transform:translate(-50%,-50%) rotate(55deg);border-color:#9dcfff20;animation:edu-orbit-reverse 36s linear infinite}
.education-hero-glow i:nth-child(3){width:min(38vw,490px);height:min(38vw,490px);border-color:#f0c7e528;animation:edu-pulse 6s ease-in-out infinite}
.education-orbit{position:absolute;inset:0;pointer-events:none}
.education-orbit span{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 9px 2px #c9aeff}
.education-orbit span:nth-child(1){left:17%;top:34%;animation:edu-star 4.2s ease-in-out infinite}
.education-orbit span:nth-child(2){right:22%;top:28%;animation:edu-star 5.4s -2s ease-in-out infinite}
.education-orbit span:nth-child(3){right:14%;bottom:25%;animation:edu-star 3.8s -1.1s ease-in-out infinite}

.education-progress{position:fixed;left:26px;top:50%;z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateY(-50%);color:#aa9abb;pointer-events:none}
.education-progress-label{writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em}
.education-progress-track{width:1px;height:130px;background:#ddc8ff24;overflow:hidden}
.education-progress-track i{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(#9bcfff,#d4b4ff,#f4d9a8);box-shadow:0 0 12px #c6adff}
#education-progress-value{font:10px/1 var(--sans);font-variant-numeric:tabular-nums;color:#d5c7e6}

.education-story,.credentials-universe{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:130px 0}
.education-section-heading{max-width:760px;margin:0 auto 92px;text-align:center}
.education-section-heading h2{margin:0;color:#f4ebfc;font:400 clamp(34px,4.6vw,60px)/1.35 var(--serif);letter-spacing:-.018em;text-wrap:balance}
.education-section-heading>p:last-child{max-width:650px;margin:23px auto 0;color:var(--edu-muted);font-size:16px;line-height:1.9}
.learning-timeline{position:relative;display:grid;gap:88px;padding:20px 0 40px}
.learning-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d8c2f326;transform:translateX(-50%);overflow:hidden}
.learning-line i{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(#8fc9ff,#d2b4ff 56%,#f3d59f);box-shadow:0 0 16px #c3a5ef}
.learning-milestone{position:relative;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;scroll-margin-top:110px}
.learning-milestone:nth-of-type(odd) .milestone-card{grid-column:1;text-align:right}
.learning-milestone:nth-of-type(even) .milestone-card{grid-column:3;text-align:left}
.milestone-node{position:relative;z-index:2;grid-column:2;grid-row:1;width:48px;height:48px;margin:auto;border:1px solid #d5bcf259;border-radius:50%;display:grid;place-items:center;background:#0a0b1d;box-shadow:0 0 0 9px #090a1a,0 0 34px #b18ae820;transition:transform .45s,box-shadow .45s,border-color .45s}
.milestone-node:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff1d;border-radius:50%}
.milestone-node span{font:10px/1 var(--sans);color:#d7c5eb}
.milestone-card{width:min(100%,460px);padding:34px 36px;border:1px solid #d6c3e91c;background:linear-gradient(135deg,#17132db8,#0b0d20a6);backdrop-filter:blur(15px);box-shadow:0 24px 70px #02030c55;transition:transform .45s,background .45s,border-color .45s,box-shadow .45s}
.learning-milestone:nth-of-type(odd) .milestone-card{justify-self:end;border-radius:24px 8px 24px 24px}
.learning-milestone:nth-of-type(even) .milestone-card{justify-self:start;border-radius:8px 24px 24px 24px}
.milestone-card time{display:inline-block;color:#97cfff;font-size:11px;letter-spacing:.13em;font-variant-numeric:tabular-nums}
.milestone-status{display:inline-block;margin-left:10px;padding:5px 9px;border:1px solid #f1d6ac42;border-radius:99px;color:#f1d6ac;font-size:9px;letter-spacing:.1em}
.milestone-card h3{margin:20px 0 12px;color:#f4e9fd;font:400 clamp(25px,2.7vw,36px)/1.4 var(--serif)}
.milestone-card p{margin:0;color:#bdb1cc;font-size:15px;line-height:1.95}
.learning-milestone.is-current .milestone-node{transform:scale(1.18);border-color:#eddcff;box-shadow:0 0 0 9px #090a1a,0 0 42px #c19bf27a}
.learning-milestone.is-current .milestone-card{transform:translateY(-5px);background:linear-gradient(135deg,#20193ecf,#11142abf);border-color:#cfb5ef45;box-shadow:0 30px 90px #04020f88,0 0 45px #a279d51a}
.learning-milestone:target .milestone-card{border-color:#f0d7a875;box-shadow:0 30px 90px #04020f88,0 0 52px #d6b6ff30}

.credentials-universe{padding-top:150px}
.credential-filters{position:sticky;top:82px;z-index:20;display:flex;justify-content:center;gap:9px;width:max-content;max-width:calc(100vw - 28px);margin:0 auto 50px;padding:7px;border:1px solid #d5c0e522;border-radius:999px;background:#0a0c1edb;backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}
.credential-filters::-webkit-scrollbar{display:none}
.credential-filters button{min-height:44px;padding:9px 17px;border:0;border-radius:999px;background:transparent;color:#bdb0cc;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.credential-filters button[aria-pressed=true]{background:linear-gradient(135deg,#89bcea33,#c69ce63b);color:#fff;box-shadow:0 0 24px #b38cdc18}
.credential-cosmos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.credential-card{position:relative;min-height:170px;padding:27px 25px 25px;border:1px solid #d9c7ec1c;border-radius:18px;background:linear-gradient(145deg,#17132e9e,#0c0e20a8);overflow:hidden;transition:transform .32s,border-color .32s,box-shadow .32s,opacity .25s}
.credential-card:before{content:'';position:absolute;width:90px;height:90px;right:-35px;bottom:-45px;border:1px solid #d6b8f520;border-radius:50%;box-shadow:0 0 35px #ba8ae715}
.credential-card:hover,.credential-card:focus-within{transform:translateY(-5px);border-color:#d6bcf24c;box-shadow:0 22px 55px #03020e66}
.credential-card time{display:block;color:#98c9f4;font-size:11px;letter-spacing:.14em}
.credential-card>span{position:absolute;right:20px;top:18px;color:#d9c6e642;font:300 31px/1 var(--serif)}
.credential-card h3{margin:32px 0 0;color:#eee4f8;font:400 19px/1.55 var(--serif)}
.credential-card.is-filtered{display:none}

.education-endpoint{position:relative;width:min(1060px,calc(100% - 48px));min-height:76svh;margin:70px auto 120px;padding:110px clamp(28px,7vw,90px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e2cbf326;border-radius:42px;background:radial-gradient(circle at 50% 34%,#7253ad32,transparent 36%),linear-gradient(145deg,#17132d9c,#080a1ab5);overflow:hidden;box-shadow:0 55px 140px #02020c91}
.education-endpoint:before,.education-endpoint:after{content:'';position:absolute;left:50%;top:42%;width:62%;aspect-ratio:1;border:1px solid #e2d4ff16;border-radius:50%;transform:translate(-50%,-50%) rotate(24deg);pointer-events:none}
.education-endpoint:after{width:82%;transform:translate(-50%,-50%) rotate(-18deg);border-color:#8ecbff13}
.endpoint-sigil{position:relative;z-index:2;width:110px;height:110px;margin-bottom:34px;display:grid;place-items:center;border:1px solid #e9d5ff58;border-radius:50%;box-shadow:0 0 50px #bf9be846,inset 0 0 28px #b698e331}
.endpoint-sigil i{position:absolute;inset:11px;border:1px solid #9acfff5e;border-radius:42% 58% 49% 51%;animation:edu-ring 13s linear infinite}
.endpoint-sigil span{color:#fff1d2;font:400 20px/1 var(--serif);letter-spacing:.08em}
.education-endpoint>*{position:relative;z-index:2}
.education-endpoint h2{max-width:780px;margin:0;color:#faf2ff;font:400 clamp(38px,5vw,68px)/1.3 var(--serif);text-wrap:balance}
.education-endpoint>p:not(.education-eyebrow){max-width:670px;margin:27px auto 0;color:#c3b6d1;font-size:16px;line-height:2}
.endpoint-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.endpoint-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid #d6bce94d;border-radius:999px;color:#f2e6fb;font-size:12px;transition:transform .25s,background .25s}
.endpoint-actions a:first-child{background:#c4a4ea20}
.endpoint-actions a:hover{transform:translateY(-2px);background:#c4a4ea38}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .82s cubic-bezier(.2,.8,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
body.education-page footer{border-top:1px solid #d8c3eb1b;background:transparent;color:#a99bb9}

@keyframes edu-orbit{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes edu-orbit-reverse{to{transform:translate(-50%,-50%) rotate(-305deg)}}
@keyframes edu-ring{to{transform:rotate(360deg)}}
@keyframes edu-pulse{50%{opacity:.46;filter:drop-shadow(0 0 22px #c8a7f0)}}
@keyframes edu-star{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.7)}}

@media(max-width:900px){
  .education-progress{left:10px}
  .education-story,.credentials-universe{width:min(100% - 46px,760px);padding-block:105px}
  .learning-timeline{gap:58px}
  .learning-milestone{grid-template-columns:50px 1fr}
  .learning-line{left:25px}
  .milestone-node{grid-column:1}
  .learning-milestone:nth-of-type(n) .milestone-card{grid-column:2;justify-self:stretch;text-align:left;border-radius:8px 22px 22px 22px}
  .credential-cosmos{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  body.education-page .detail-header{height:68px;padding-inline:16px}
  .education-hero{min-height:100svh;padding:105px 22px 84px}
  .education-hero .back-link{position:static;display:inline-flex;margin-bottom:48px}
  .education-hero h1{font-size:clamp(39px,11vw,56px);line-height:1.25}
  .education-hero-lead{font-size:15px;line-height:1.9}
  .education-scroll-cue{margin-top:36px}
  .education-hero-glow i:nth-child(1){width:125vw;height:76vw}
  .education-hero-glow i:nth-child(2){width:92vw;height:92vw}
  .education-hero-glow i:nth-child(3){width:62vw;height:62vw}
  .education-progress{left:0;right:0;top:auto;bottom:0;z-index:90;height:3px;transform:none;display:block;background:#d6c1ec1c}
  .education-progress-label,#education-progress-value{position:fixed;left:12px;bottom:10px;writing-mode:horizontal-tb;padding:5px 8px;border:1px solid #d6c1ec24;border-radius:99px;background:#090b1ddc;font-size:8px}
  #education-progress-value{left:auto;right:12px;color:#e6d8f5}
  .education-progress-track{width:100%;height:3px}
  .education-progress-track i{transform:scaleX(0);transform-origin:left}
  .education-story,.credentials-universe{width:calc(100% - 36px);padding-block:88px}
  .education-section-heading{margin-bottom:58px}
  .education-section-heading h2{font-size:36px}
  .education-section-heading>p:last-child{font-size:14px}
  .learning-timeline{gap:44px}
  .learning-milestone{grid-template-columns:42px 1fr;scroll-margin-top:82px}
  .learning-line{left:21px}
  .milestone-node{width:40px;height:40px}
  .milestone-card{padding:25px 22px}
  .milestone-card h3{font-size:25px}
  .milestone-card p{font-size:14px}
  .milestone-status{display:block;width:max-content;margin:9px 0 0}
  .credential-filters{top:70px;justify-content:flex-start;margin-bottom:35px}
  .credential-cosmos{grid-template-columns:1fr;gap:10px}
  .credential-card{min-height:130px;padding:22px}
  .credential-card h3{margin-top:24px;font-size:18px}
  .education-endpoint{width:calc(100% - 28px);min-height:78svh;margin:35px auto 90px;padding:80px 24px;border-radius:26px}
  .education-endpoint h2{font-size:40px}
  .education-endpoint>p:not(.education-eyebrow){font-size:14px}
  .endpoint-actions{flex-direction:column;width:100%}
  .endpoint-actions a{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .education-hero-glow i,.education-orbit span,.endpoint-sigil i{animation:none!important}
  [data-reveal]{opacity:1;transform:none;transition:none}
  .milestone-card,.milestone-node,.credential-card,.endpoint-actions a{transition:none}
}