.miflow{--purple:#b4ff79;--deep:#55f2ee;--ink:#f3f8fb;--muted:#c4d8e4;--line:#28536a;--ease:cubic-bezier(.2,.7,.25,1)}.miflow,.miflow *{box-sizing:border-box}.miflow{margin:0;background:#f3f8fb;color:var(--ink);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased}.miflow button{font:inherit}.miflow button:focus-visible,.miflow a:focus-visible{outline:3px solid #55f2ee;outline-offset:5px}.miflow button{touch-action:manipulation}.miflow{padding:30px 30px 46px;max-width:1290px;margin:auto}.miflow .intro{text-align:center}.miflow .eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:#55f2ee;display:flex;align-items:center;justify-content:center;gap:9px}.miflow .mini-star{font-size:17px;line-height:1;letter-spacing:0}.miflow [data-role="course-title"]{font-size:clamp(34px,4.1vw,58px);line-height:1.08;font-weight:600;letter-spacing:-2.5px;margin:18px 0 14px}.miflow [data-role="course-title"] span{color:var(--purple)}.miflow .course-name{font-size:15px;letter-spacing:.015em;font-weight:600;margin:18px 0 8px}.miflow .instruction{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.miflow .map-shell{position:relative;margin:23px auto 0;max-width:1120px}.miflow .learning-map{position:relative;height:555px;isolation:isolate}.miflow .connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.miflow .connection{fill:none;stroke:var(--line);stroke-width:1.2;stroke-dasharray:2.4 5;stroke-linecap:round;transition:stroke .25s,opacity .25s}.miflow .connection.is-active{stroke:#55f2ee;opacity:1;stroke-width:1.5}.miflow .flow-light{fill:#55f2ee;opacity:.52}.miflow .flow-dot{fill:#b4ff79}.miflow .center-hub{position:absolute;width:154px;height:154px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.miflow .halo{border:1px dotted #28536a;border-radius:50%;position:absolute;inset:4px;background:rgba(7,63,69,.25)}.miflow .halo-one{animation:miflow-breathe 3s ease-in-out infinite}.miflow .halo-two{inset:18px;border-color:#28536a;background:rgba(7,63,69,.6);animation:miflow-breathe 3s ease-in-out -.6s infinite}.miflow .hub-disc{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#55f2ee,#073f45);box-shadow:0 10px 25px #55f2ee20,inset 0 0 0 5px #55f2ee4a,inset 0 0 0 6px #f3f8fb40;display:grid;place-items:center;z-index:1}.miflow .hub-disc svg{width:49px;height:49px;fill:none;stroke:#f3f8fb;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.miflow .hub-caption{position:absolute;top:167px;text-align:center;font-size:8px;letter-spacing:.2em;line-height:1.7;color:#c4d8e4;white-space:nowrap}.miflow .hub-caption b{font-size:10px;font-weight:600;letter-spacing:.25em;color:#c4d8e4}.miflow .day-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;width:200px}.miflow .day-node button{display:flex;flex-direction:column;align-items:center;gap:0;border:0;background:transparent;padding:10px;cursor:pointer;color:var(--ink);border-radius:16px;width:100%;-webkit-tap-highlight-color:transparent}.miflow .node-orb{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(140deg,#55f2ee,#073f45);box-shadow:inset 0 0 0 3px #55f2ee60,0 6px 14px #55f2ee11;transition:transform .3s var(--ease),box-shadow .3s}.miflow .node-orb:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid #28536a;opacity:.8;transition:inset .3s,opacity .3s}.miflow .node-orb svg{width:26px;height:26px;stroke:#f3f8fb;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round}.miflow .day-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:#55f2ee;margin-top:14px}.miflow .node-title{font-size:12px;font-weight:600;margin-top:6px;line-height:1.3;max-width:185px;min-height:16px;text-align:center;color:#c4d8e4}.miflow .day-node.is-active{z-index:5}.miflow .day-node.is-active .node-orb{transform:scale(1.10);box-shadow:inset 0 0 0 3px #b4ff7990,0 6px 25px #55f2ee35}.miflow .day-node.is-active .node-orb:before{inset:-10px;opacity:1}.miflow .day-node.is-active .node-title{color:var(--deep)}.miflow .day-detail{position:absolute;z-index:10;width:298px;padding:17px 19px 18px;background:#f3f8fb;border:1px solid #28536a;border-radius:9px;box-shadow:0 18px 50px #04162470,0 3px 7px #04162450;transform-origin:50% 120%;animation:miflow-card-in .32s var(--ease) both;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));color:#f3f8fb}.miflow .day-detail:after{content:"";position:absolute;width:10px;height:10px;bottom:-6px;left:var(--arrow-x,calc(50% - 5px));background:#f3f8fb;border-bottom:1px solid #28536a;border-right:1px solid #28536a;transform:rotate(45deg)}.miflow .detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.miflow .detail-day{font-size:9px;letter-spacing:.14em;font-weight:700;color:#55f2ee}.miflow .detail-top button{border:0;background:#0a253c;color:#c4d8e4;border-radius:50%;width:23px;height:23px;line-height:20px;cursor:pointer;font-size:18px;padding:0}.miflow .day-detail h3{margin:9px 0 9px;font-size:17px;line-height:1.25;letter-spacing:-.35px;font-weight:600}.miflow .day-detail p{margin:0;font-size:12px;line-height:1.65;color:#c4d8e4}.miflow .detail-topics{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.miflow .detail-topics span{font-size:9px;padding:5px 7px;border-radius:4px;background:#073f45;color:#c4d8e4}.miflow .map-toolbar{padding:13px 5px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c4d8e4}.miflow .map-key{display:flex;align-items:center;gap:8px}.miflow .map-key i{height:5px;width:5px;border-radius:50%;background:#b4ff79;box-shadow:0 0 0 3px #073f45}.miflow [data-role="motion-toggle"]{background:none;border:1px solid #28536a;border-radius:20px;padding:8px 12px;font-size:10px;color:#c4d8e4;display:flex;align-items:center;gap:7px;cursor:pointer;min-height:34px}.miflow .pause-icon{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round}.miflow [data-role="motion-toggle"]:hover{background:#0a253c}.miflow [data-role="motion-toggle"]:disabled{opacity:.7;cursor:default}.miflow .below-map{max-width:1120px;margin:28px auto 0;border-top:1px solid #28536a;padding-top:24px;text-align:center}.miflow .outline-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;font-size:12px;color:#c4d8e4;cursor:pointer;padding:10px}.miflow .outline-toggle svg{fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s}.miflow .outline-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.miflow .course-outline{margin:24px 0 4px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.miflow .course-outline[hidden]{display:none}.miflow .outline-day{padding:20px;border:1px solid #28536a;border-radius:10px;background:#0a253c}.miflow .outline-day>span{font-size:9px;letter-spacing:.15em;color:#55f2ee;font-weight:700}.miflow .outline-day h3{font-size:14px;line-height:1.4;font-weight:600;margin:10px 0}.miflow .outline-day p{font-size:12px;color:#c4d8e4;line-height:1.65;margin:0}.miflow.is-paused .halo{animation-play-state:paused}@keyframes miflow-breathe{0%,100%{transform:scale(.97);opacity:.65}50%{transform:scale(1.045);opacity:1}}@keyframes miflow-card-in{from{opacity:0;translate:0 9px;rotate:-5deg;scale:.96}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}@media(min-width:1400px){.miflow{padding-top:44px}}@media(max-width:800px){.miflow{padding:28px 15px 30px}.miflow .learning-map{height:570px}.miflow .day-node{width:160px}.miflow .node-title{max-width:145px;font-size:11px}.miflow .center-hub{transform:translate(-50%,-50%) scale(.84)}.miflow .hub-caption{top:166px}.miflow .course-outline{grid-template-columns:repeat(2,1fr)}.miflow [data-role="course-title"]{letter-spacing:-1.6px}.miflow .map-toolbar{padding-left:15px;padding-right:15px}.miflow .map-key{font-size:9px}.miflow .day-detail{width:272px}.miflow .below-map{margin-top:23px}}@media(max-width:520px){.miflow{padding:28px 12px}.miflow .eyebrow{font-size:9px;letter-spacing:.19em}.miflow [data-role="course-title"]{font-size:36px;letter-spacing:-1.5px;margin-top:17px}.miflow .course-name{font-size:13px;margin-top:16px}.miflow .instruction{font-size:11px;line-height:1.7}.miflow .instruction span{display:block}.miflow .map-shell{margin-top:16px}.miflow .learning-map{height:640px}.miflow .day-node{width:127px}.miflow .day-node button{padding:10px 2px}.miflow .node-orb{width:50px;height:50px}.miflow .node-orb svg{width:24px;height:24px}.miflow .day-label{font-size:8px;margin-top:13px}.miflow .node-title{font-size:11px;max-width:120px;line-height:1.4;margin-top:5px}.miflow .center-hub{transform:translate(-50%,-50%) scale(.6);top:50%}.miflow .hub-caption{top:167px}.miflow .map-toolbar{padding:3px 6px 0;gap:12px;align-items:flex-start}.miflow .map-key{max-width:155px;font-size:9px;line-height:1.5;align-items:flex-start;padding-top:5px}.miflow .map-key i{flex-shrink:0;margin-top:3px}.miflow [data-role="motion-toggle"]{font-size:9px;white-space:nowrap;padding:7px 10px;min-height:33px}.miflow .below-map{margin-top:24px;padding-top:15px}.miflow .day-detail{width:min(286px,calc(100% - 14px));padding:16px 18px}.miflow .day-detail h3{font-size:16px}.miflow .day-detail p{font-size:12px}.miflow .course-outline{gap:10px;margin-top:17px}.miflow .outline-day{padding:15px}.miflow .outline-day h3{font-size:12px}.miflow .outline-day p{font-size:11px}}@media(prefers-reduced-motion:reduce){.miflow *,.miflow *:before,.miflow *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.miflow .day-detail{transform:none!important}.miflow .halo{opacity:.8}.miflow .flow-light,.miflow .flow-dot{display:none}}.miflow .day-detail.is-below:after{top:-6px;bottom:auto;transform:rotate(225deg)}
/* Native section isolation and theme resets. No global selectors. */
.miflow{width:100%;max-width:1290px;margin:0 auto;padding:76px 30px 64px;background:transparent;color:#f3f8fb;font-family:Roboto,sans-serif;line-height:1.5;font-size:16px}
.miflow [hidden]{display:none!important}
.miflow h2[data-role="course-title"]{font-family:inherit;color:#f3f8fb;font-weight:700}
.miflow button{box-shadow:none;text-transform:none;letter-spacing:normal;min-width:0;font-weight:inherit;line-height:1.4}
.miflow .day-node button,.miflow .day-node button:hover,.miflow .day-node button:focus{background:transparent;color:#f3f8fb;border:0}
.miflow .day-detail{background:#061b2c;color:#f3f8fb}
.miflow .day-detail:after{background:#061b2c}
.miflow .detail-top button{min-height:32px;width:32px;height:32px;color:#c4d8e4;background:#0a253c}
.miflow .detail-top button:hover{background:#073f45;color:#f3f8fb}
.miflow .day-detail h3,.miflow .outline-day h3{color:#f3f8fb;font-family:inherit}
.miflow .node-orb svg,.miflow .hub-disc svg{stroke:#f3f8fb}
.miflow .outline-toggle{color:#c4d8e4;background:transparent}
.miflow .outline-toggle:hover{color:#55f2ee;background:#0a253c}
.miflow button:focus-visible{outline:3px solid #55f2ee;outline-offset:5px}
.miflow [data-role="motion-toggle"]{color:#c4d8e4;min-height:38px}
.miflow .course-outline{content-visibility:auto}
.miflow .day-detail{will-change:auto}
@media(max-width:800px){.miflow{padding:56px 15px 40px}}
@media(max-width:520px){.miflow{padding:48px 12px 36px}.miflow h2[data-role="course-title"]{font-size:36px}.miflow .day-node{width:120px}.miflow .node-title{max-width:112px}}
