:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #050505;--color-surface: #121212;--color-primary: #00f3ff;--color-secondary: #bc13fe;--color-accent: #0aff0a;--color-text: #e0e0e0;--color-text-dim: #a0a0a0;--font-mono: "Fira Code", monospace}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.timeline-container{margin-bottom:3rem;width:100%;max-width:1200px;position:relative;height:min-content;min-height:140px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;margin:0 auto 3rem;overflow:visible}.timeline-line{position:absolute;top:40px;left:30px;right:30px;height:2px;background:#ffffff1a;z-index:0}.timeline-item{z-index:1;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;width:60px}.timeline-icon-box{width:32px;height:32px;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:50%;margin-bottom:.8rem;box-shadow:0 0 10px #00f3ff80;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:.9rem;z-index:2}.timeline-label{position:absolute;top:45px;font-size:.7rem;color:var(--color-text-dim);font-family:var(--font-mono);text-align:center;width:100px;line-height:1.2;word-wrap:break-word}.timeline-tooltip{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#141414f2;border:1px solid var(--color-primary);border-radius:8px;padding:.8rem 1.2rem;min-width:200px;width:max-content;max-width:300px;text-align:center;z-index:100;box-shadow:0 5px 20px #00000080;pointer-events:none}@media(max-width:768px){.timeline-container{justify-content:space-between;padding:0 10px;min-height:100px;gap:0;overflow:visible}.timeline-line{left:10px;right:10px}.timeline-item{width:40px}.timeline-icon-box{width:24px;height:24px;font-size:.65rem;margin-bottom:.5rem}.timeline-label{font-size:.5rem;width:50px;top:35px}.timeline-tooltip{min-width:120px;max-width:180px;padding:.5rem .8rem;bottom:40px}.timeline-tooltip span{font-size:.65rem!important}}@media(min-width:769px){.timeline-tooltip-mobile{display:none!important}}