.career-path-root{--cp-accent:hsl(var(--primary));--cp-surface:hsl(var(--background));--cp-flow-border:hsl(var(--primary)/0.22);--cp-flow-glow:hsl(var(--primary)/0.1);overflow-x:clip;max-width:100%}.career-path-root .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(59,130,246,.2));transition:stroke-width .15s ease,filter .15s ease}.career-path-root .react-flow__edge:hover .react-flow__edge-path{stroke-width:2.5;filter:drop-shadow(0 1px 4px rgba(99,102,241,.28))}.career-path-root .react-flow__node-roadmap{overflow:hidden}.career-path-root .react-flow__node-roadmap>div{width:100%;height:100%;box-sizing:border-box}.career-path-root .career-path-flow-host{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid var(--cp-flow-border);background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--cp-flow-glow),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 0,hsl(var(--primary)/.06),transparent 60%),linear-gradient(165deg,hsl(228 60% 99%) 0,hsl(220 45% 98%) 42%,hsl(214 40% 97%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(15,23,42,.04),0 12px 40px rgba(43,120,228,.1),0 0 0 1px rgba(255,255,255,.5)}.career-path-root .career-path-flow-host:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35) 0,transparent 45%),linear-gradient(315deg,hsl(var(--primary)/.04) 0,transparent 40%);z-index:0}.career-path-root .career-path-flow-host .react-flow{z-index:1}.career-path-root .career-path-flow-host .react-flow__pane{cursor:grab}.career-path-root .career-path-flow-host .react-flow__pane:active{cursor:grabbing}.career-path-root .career-path-flow-host .react-flow__background{opacity:.9}.career-path-root .career-path-bg-lines{opacity:.55}.career-path-root .career-path-bg-dots{opacity:.75}.career-path-root .career-path-flow-controls{left:.75rem;bottom:.75rem;box-shadow:0 8px 24px rgba(15,23,42,.1)}.career-path-root .career-path-flow-host .career-path-minimap,.career-path-root .career-path-flow-host .react-flow__minimap{width:7.5rem!important;height:5rem!important;bottom:.75rem;right:.75rem;border-radius:.85rem!important;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.12)}.career-path-root .career-path-zoom-panel{z-index:5}.career-path-root .career-path-flow-wrapper{position:relative;max-width:100%;overflow-x:clip}.career-path-root .career-path-flow-wrapper--fullscreen{position:fixed;inset:0;z-index:var(--z-modal);max-width:none;overflow:hidden;display:flex;flex-direction:column;gap:.65rem;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));background:hsl(var(--background))}.career-path-root .career-path-flow-wrapper--fullscreen .career-path-flow-host{flex:1 1 auto;min-height:0;height:100%!important;border-radius:1rem}.career-path-flow-wrapper--fullscreen{position:fixed;inset:0;z-index:var(--z-modal);max-width:none;overflow:hidden;display:flex;flex-direction:column;gap:.65rem;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));background:hsl(var(--background))}.career-path-flow-wrapper--fullscreen .career-path-flow-host{flex:1 1 auto;min-height:0;height:100%!important;border-radius:1rem;position:relative;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--card))}.career-path-fullscreen-chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;z-index:2}.career-path-fullscreen-chrome__title{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.career-path-fullscreen-chrome__close{display:inline-flex;align-items:center;gap:.4rem;border-radius:.85rem;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));padding:.55rem .9rem;font-size:.8125rem;font-weight:700;box-shadow:0 8px 24px hsl(var(--foreground)/.08);cursor:pointer}.career-path-fullscreen-chrome__close:hover{background:hsl(var(--muted))}.career-path-flow-placeholder{width:100%;border-radius:1.25rem;border:1px dashed hsl(var(--border));background:hsl(var(--muted)/.25)}.career-path-root .career-path-label-node,.career-path-root .career-path-paragraph-node{color:hsl(var(--foreground)/.78);text-shadow:0 1px 0 hsl(var(--background)/.55);pointer-events:none;user-select:none}.career-path-root .career-path-section-box{border:2px dashed hsl(var(--border));border-radius:14px;background-color:hsl(var(--card)/.72);box-shadow:inset 0 1px 0 hsl(var(--background)/.65),0 8px 24px hsl(var(--foreground)/.06);backdrop-filter:blur(2px)}.career-path-root .career-path-flow-wrapper:before{content:"";position:absolute;inset:2.25rem -2px -2px;border-radius:1.35rem;background:linear-gradient(135deg,hsl(var(--primary)/.18),hsl(var(--primary)/.04) 45%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(.5px)}.career-path-root .career-path-title-node{background:linear-gradient(135deg,#0f172a,#f26522);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;text-shadow:none}.career-path-root .career-path-link-button{box-shadow:0 2px 8px rgba(242,101,34,.28),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .15s ease,box-shadow .15s ease}.career-path-root .career-path-link-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(242,101,34,.32),inset 0 1px 0 rgba(255,255,255,.25)}.career-path-hero{position:relative;overflow:hidden}.career-path-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsl(var(--border)) 1px,transparent 0);background-size:22px 22px;opacity:.35;pointer-events:none}.career-path-browse-card,.career-path-grid-card{position:relative;overflow:hidden}.career-path-browse-card:before,.career-path-grid-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-accent,hsl(var(--primary)));opacity:.9;z-index:1;border-radius:1.25rem 0 0 1.25rem}.career-path-hero-feature--glow{border-radius:1.35rem;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--hero-accent,hsl(var(--primary))) 55%,transparent),0 0 36px color-mix(in srgb,var(--hero-accent,hsl(var(--primary))) 28%,transparent),0 16px 40px rgba(15,23,42,.12)}.career-path-hero-feature:not(.career-path-hero-feature--glow){box-shadow:0 0 0 1px color-mix(in srgb,var(--hero-accent,hsl(var(--border))) 35%,transparent),0 10px 28px color-mix(in srgb,var(--hero-accent,hsl(var(--primary))) 12%,transparent)}.career-path-view-tabs{display:flex;align-items:stretch;gap:.25rem;width:100%;border-bottom:1px solid hsl(var(--border)/.85);overflow-x:auto;scrollbar-width:none}.career-path-view-tabs::-webkit-scrollbar{display:none}.career-path-view-tabs__btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:1 1 0;min-width:max-content;min-height:2.85rem;padding:.65rem .85rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:800;letter-spacing:-.01em;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.career-path-view-tabs__btn:hover{color:hsl(var(--foreground))}.career-path-view-tabs__btn--active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.career-path-view-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.65rem;font-weight:900}.career-path-view-tabs__btn--active .career-path-view-tabs__count{background:color-mix(in srgb,hsl(var(--primary)) 16%,transparent);color:hsl(var(--primary))}.career-path-browse-row{box-shadow:0 1px 0 rgba(15,23,42,.03)}.career-path-spotlight-rail{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;touch-action:pan-x;cursor:grab}.career-path-spotlight-rail--dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.career-path-spotlight-rail--dragging a{pointer-events:none}.career-path-spotlight-rail::-webkit-scrollbar{height:6px}.career-path-spotlight-rail::-webkit-scrollbar-thumb{border-radius:999px;background:hsl(var(--border))}.career-path-spotlight-track{display:flex;gap:.85rem;width:max-content;padding-bottom:.5rem}.career-path-spotlight-slide{flex:0 0 auto;width:min(78vw,17.5rem);scroll-snap-align:start}@media (min-width:640px){.career-path-spotlight-slide{width:min(42vw,19rem)}}@media (min-width:1024px){.career-path-spotlight-slide{width:18.5rem}}@media (prefers-reduced-motion:reduce){.career-path-spotlight-rail{scroll-snap-type:none}}.dark .career-path-root .career-path-flow-host{background:radial-gradient(ellipse 80% 50% at 50% -10%,hsl(var(--primary)/.12),transparent 70%),linear-gradient(165deg,hsl(var(--background)) 0,hsl(var(--muted)/.35) 50%,hsl(var(--background)) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.35)}.dark .career-path-root .career-path-title-node{background:linear-gradient(135deg,#f8fafc,#ffb489 55%,#f26522);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.dark .career-path-root .career-path-flow-host .react-flow__background{opacity:.4}.dark .career-path-root .career-path-bg-lines{opacity:.25}.dark .career-path-root .career-path-bg-dots{opacity:.45}.dark .career-path-root .react-flow__edge-path{filter:drop-shadow(0 1px 3px rgba(242,101,34,.22))}.career-path-root .career-path-topic-node{position:relative}.dark .career-path-root .career-path-label-node,.dark .career-path-root .career-path-paragraph-node{color:hsl(var(--foreground)/.92);text-shadow:0 0 10px hsl(var(--background)/.9),0 1px 2px hsl(var(--background)/.85)}.dark .career-path-root .career-path-section-box{background-color:hsl(var(--muted)/.45);border-color:hsl(var(--border));box-shadow:inset 0 1px 0 hsl(var(--foreground)/.04),0 8px 24px rgba(0,0,0,.28)}.career-path-topic-modal{overscroll-behavior:contain;max-width:100vw}