:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1f3d58;background:linear-gradient(#d9f0ff 0%,#f8fbff 45%,#fffaf0 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.45}.app-root{flex-direction:column;gap:.8rem;max-width:840px;min-height:100vh;margin:0 auto;padding:1.1rem 1rem 2.2rem;display:flex}.title-section{text-align:center;margin-bottom:.3rem;padding-top:.6rem;position:relative}.title-section h1{color:#0b5f83;margin:0 0 .3rem;font-size:clamp(1.5rem,4vw,2.1rem)}.title-section p{color:#3d5e78;margin:0;font-weight:500}.progress-container{justify-content:center;align-items:center;gap:.65rem;padding-inline:.75rem;display:flex;overflow-x:auto}.progress-dot{background:#aed8f5;border-radius:999px;width:12px;height:12px;transition:transform .3s,background-color .3s}.progress-dot.done{background:#59adff}.progress-dot.active{background:#2a85cc;transform:scale(1.45)}.journey-step{opacity:0;border:1px solid #16466d2e;border-radius:24px;padding:1.1rem;transform:translateY(16px)scale(.99);box-shadow:0 10px 25px #1137561f}.journey-step.preparing{opacity:0;animation:none;transform:translateY(16px)scale(.99)}.journey-step.enter-right{animation:.46s ease-out forwards enterRight}.journey-step.enter-left{animation:.46s ease-out forwards enterLeft}.journey-step .description{color:#1a4b72;opacity:0;min-height:78px;animation:.34s .12s both typeFade;transform:translateY(6px)}.journey-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffed;background-image:radial-gradient(circle at 20% 15%,#8dccff2e,#0000 45%),radial-gradient(circle at 80% 25%,#b3e2ff29,#0000 46%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #4586c433;border-radius:20px;flex-direction:column;gap:.9rem;min-height:320px;padding:1rem;display:flex}.journey-card:after{content:"●";color:#abe2ff;opacity:.55;font-size:1.1rem;position:absolute;top:12px;right:12px}.clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;border-radius:999px;animation:16s linear infinite drift;position:absolute;box-shadow:0 12px 28px #27599133}.cloud:first-child{width:130px;height:50px;animation-duration:22s;top:8%;left:-150px}.cloud:nth-child(2){width:160px;height:60px;animation-duration:28s;top:20%;left:-180px}.cloud:nth-child(3){width:110px;height:42px;animation-duration:24s;top:38%;left:-140px}.cloud:nth-child(4){width:150px;height:58px;animation-duration:26s;top:62%;left:-170px}.cloud:nth-child(5){width:100px;height:44px;animation-duration:20s;top:75%;left:-120px}@keyframes drift{0%{transform:translate(0)translateY(0)}to{transform:translate(calc(110vw + 240px))translateY(-6px)}}@keyframes bringUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes enterRight{0%{opacity:0;transform:translate(40px)scale(.98)}60%{opacity:1;transform:translate(-6px)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes enterLeft{0%{opacity:0;transform:translate(-40px)scale(.98)}60%{opacity:1;transform:translate(6px)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes typeFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.journey-badge{color:#fff;background:linear-gradient(135deg,#5cb4f3,#1a6ebd);border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.15rem;display:inline-flex;position:relative;box-shadow:0 3px 10px #19487659}.journey-badge:before{content:"★";color:#ffe2a7;opacity:.9;font-size:.8rem;position:absolute;top:-8px;right:-8px}.journey-badge span{line-height:1;display:inline-block;transform:scale(1.05)}.journey-card h2{color:#0c4f77;margin:0;font-size:1.4rem}.subtitle{color:#246a97;margin:0;font-weight:600}.description{color:#255670;margin:0;font-size:1rem}.nav-buttons{justify-content:space-between;gap:.7rem;margin-top:auto;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:999px;padding:.78rem 1.1rem;font-size:.98rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary{color:#fff;background:#2e7fbf}.btn-secondary{color:#2b6a94;background:#fff;border:1px solid #96c7ea}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #20628e40}.hint-text{color:#2d658d;text-align:center;margin-top:.2rem;font-size:.92rem}.loading-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.2rem;display:flex}.loading-card{text-align:center;background:#fffffff7;border:1px solid #0463a329;border-radius:18px;padding:1.2rem 1.3rem;animation:1.6s ease-in-out infinite pulse;box-shadow:0 12px 34px #0e3a673d}.loading-card h1{color:#0b578a;margin:0 0 .5rem;font-size:1.65rem}.loading-card p{color:#2f6f99;margin:0 0 .8rem}.loading-dots{gap:.45rem;display:inline-flex}.loading-dots span{opacity:.2;background:#2b8ef8;border-radius:50%;width:9px;height:9px;animation:.9s ease-in-out infinite dotJump}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dotJump{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (width>=700px){.app-root{padding:1.6rem 2rem 2.6rem}.journey-card{padding:1.2rem 1.25rem}.title-section h1{font-size:2.2rem}.progress-container{justify-content:flex-start;gap:.85rem}}@media (width>=1024px){.app-root{max-width:900px;padding:2rem 2.2rem 2.6rem}.journey-card{min-height:348px}}