.learn-path[data-v-47721e4d]{--step-accent: 56, 189, 248;--step-accent-text: #0b5e86;min-height:100vh;padding:40px 16px 56px;background:var(--body-bg);color:var(--text-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:6ch;background-image:url(/path.jpg);background-size:cover;background-position:center}html[data-theme=dark]{--step-accent: 244, 114, 182;--step-accent-text: #ffd7ec}.learn-path-inner[data-v-47721e4d]{position:relative;max-width:960px;width:100%;z-index:1}.learn-rain[data-v-47721e4d]{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:normal;opacity:.9}.learn-rain canvas[data-v-47721e4d]{display:block;width:100%;height:100%}.axis[data-v-47721e4d]{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:center}.axis-line[data-v-47721e4d]{width:2px;background:linear-gradient(to bottom,rgba(148,163,184,.1),var(--brand-blue),rgba(148,163,184,.1));border-radius:999px}.axis-arrow[data-v-47721e4d]{position:absolute;bottom:16px;width:0;height:0;border-style:solid;border-width:10px 6px 0 6px;border-color:var(--brand-blue) transparent transparent transparent}.step-list[data-v-47721e4d]{list-style:none;margin:40px auto 0;padding:40px 0 12px;max-width:840px}.step-row[data-v-47721e4d]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;margin:26px 0}.step-box[data-v-47721e4d]{max-width:220px;padding:6px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#ffffffb3;box-shadow:0 8px 20px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,filter .28s ease;position:relative;overflow:hidden}.step-box--left[data-v-47721e4d]{justify-self:flex-end;text-align:right;animation:stepFloatLeft-47721e4d 3.2s ease-in-out infinite}.step-box--right[data-v-47721e4d]{justify-self:flex-start;text-align:left;animation:stepFloatRight-47721e4d 3.2s ease-in-out infinite}.step-box--active[data-v-47721e4d]{border-color:rgba(var(--step-accent),.9);background:rgba(var(--step-accent),.14);box-shadow:0 0 0 2px rgba(var(--step-accent),.25),0 10px 24px rgba(var(--step-accent),.35);animation:stepPulse-47721e4d 1.35s ease-in-out infinite}.step-box[data-v-47721e4d]:hover{border-color:rgba(var(--step-accent),.98);background:linear-gradient(120deg,rgba(var(--step-accent),.24),#fffffffa);box-shadow:0 0 0 2px rgba(var(--step-accent),.32),0 0 20px rgba(var(--step-accent),.55),0 16px 34px rgba(var(--step-accent),.42);filter:saturate(1.15)}.step-box[data-v-47721e4d]:hover:after{content:"";position:absolute;top:0;left:-40%;width:34%;height:100%;background:linear-gradient(90deg,#fff0,#ffffffc7,#fff0);transform:skew(-20deg);animation:stepShine-47721e4d .8s ease-out}.step-box--left[data-v-47721e4d]:hover{transform:translate(-14px) translateY(-5px) scale(1.06)}.step-box--right[data-v-47721e4d]:hover{transform:translate(14px) translateY(-5px) scale(1.06)}.step-box:hover .step-text[data-v-47721e4d]{color:var(--step-accent-text);text-shadow:0 0 10px rgba(var(--step-accent),.65)}.step-text[data-v-47721e4d]{font-size:18px;letter-spacing:.02em;color:#000;font-weight:700;box-shadow:2px 2px 8px rgba(var(--step-accent),.55);border-radius:10px}.step-dot-wrapper[data-v-47721e4d]{position:relative;width:80px;height:80px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--body-bg);cursor:pointer}.step-dot[data-v-47721e4d]{width:56px;height:56px;border-radius:999px;background:var(--brand-blue);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #3d7eae40;transition:box-shadow .25s ease,transform .25s ease}.step-dot--glow[data-v-47721e4d]{animation:dotGlow-47721e4d 1.4s ease-out infinite}@keyframes dotGlow-47721e4d{0%{box-shadow:0 0 rgba(var(--step-accent),.8)}to{box-shadow:0 0 0 30px rgba(var(--step-accent),0)}}@keyframes stepFloatLeft-47721e4d{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-5px) translateY(-2px)}}@keyframes stepFloatRight-47721e4d{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(5px) translateY(-2px)}}@keyframes stepPulse-47721e4d{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes stepShine-47721e4d{0%{left:-40%}to{left:120%}}@media(max-width:768px){.learn-path-label[data-v-47721e4d]{display:none}.step-list[data-v-47721e4d]{padding-top:24px}.step-row[data-v-47721e4d]{grid-template-columns:auto;gap:10px;justify-items:center}.step-box--left[data-v-47721e4d],.step-box--right[data-v-47721e4d]{justify-self:center;text-align:center}.learn-path[data-v-47721e4d]{padding-top:20ch}}