.interactive-timeline-container{max-width:1200px;margin-left:225%;padding:60px 20px;position:relative}.timeline-line{z-index:1;background:linear-gradient(#0000 0%,#00d4ff 10% 90%,#0000 100%);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{opacity:0;z-index:2;margin-bottom:80px;transition:opacity .6s,transform .6s;position:relative}.timeline-item.left{transform:translate(-100px)}.timeline-item.right{transform:translate(100px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-content{justify-content:flex-end;align-items:center;width:50%;max-width:1200px;padding-right:40px;display:flex}.timeline-item.right .timeline-content{justify-content:flex-start;margin-left:auto;padding-left:40px;padding-right:0}.timeline-icon{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s;animation:2s infinite pulse;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #000,0 0 20px #00d4ff80}.timeline-item.visible .timeline-icon{animation:.5s pop,2s .5s infinite pulse}.timeline-icon:hover{transform:translate(-50%)scale(1.2);box-shadow:0 0 0 4px #000,0 0 30px #00d4ffcc}.icon-emoji{filter:drop-shadow(0 2px 4px #0000004d);font-size:28px}.timeline-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:2px solid #00d4ff4d;border-radius:12px;max-width:400px;padding:20px 24px;transition:all .3s;box-shadow:0 8px 32px #0006}.timeline-card.clickable{cursor:pointer}.timeline-card:hover{border-color:#00d4ff99;transform:translateY(-5px);box-shadow:0 12px 40px #00d4ff33}.timeline-card.clickable:hover{background:#001e32e6;border-color:#00d4ffcc;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 40px #00d4ff66}.timeline-date{letter-spacing:.05em;font-size:.9rem}.timeline-title{line-height:1.4}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #000,0 0 20px #00d4ff80}50%{box-shadow:0 0 0 4px #000,0 0 30px #00d4ffcc}}@keyframes pop{0%{transform:translate(-50%)scale(0)}50%{transform:translate(-50%)scale(1.2)}to{transform:translate(-50%)scale(1)}}@media (max-width:1150px){.interactive-timeline-container{max-width:100%!important;margin-left:0!important;padding-left:20px!important;padding-right:20px!important}}@media (max-width:768px){.interactive-timeline-container{max-width:100%!important;margin-left:0!important;padding-left:16px!important;padding-right:16px!important}.timeline-line{left:30px}.timeline-item.left,.timeline-item.right{opacity:0;transform:translate(0)}.timeline-item.left.visible,.timeline-item.right.visible{opacity:1;transform:translate(0)}.timeline-content{justify-content:flex-start;width:100%;padding-left:80px;padding-right:0}.timeline-item.right .timeline-content{margin-left:0;padding-left:80px}.timeline-icon{width:50px;height:50px;left:30px}.icon-emoji{font-size:24px}.timeline-card{max-width:100%}}@media (max-width:480px){.interactive-timeline-container{padding:40px 10px;max-width:100%!important;margin-left:0!important}.timeline-icon{width:40px;height:40px;left:20px}.icon-emoji{font-size:20px}.timeline-line{left:20px}.timeline-content,.timeline-item.right .timeline-content{padding-left:70px}.timeline-card{padding:16px 18px}.timeline-item{margin-bottom:60px}}
:root{--text:#fff;--background:#000;--primary:#00d4ff;--secondary:#178630;--accent:#4fa2ce;--button-bg:#00d4ff;--button-text:#000}body:has(.about-page-wrapper){background-color:var(--background)}.about-page-wrapper{background-color:var(--background);min-height:100vh}.about-page-wrapper .MuiGrid-container{flex-flow:wrap!important;display:flex!important}.about-page-wrapper .MuiGrid-item{flex-shrink:0!important}.about-page-wrapper h1:not(header *):not(nav *):not(footer *),.about-page-wrapper h2:not(header *):not(nav *):not(footer *),.about-page-wrapper h3:not(header *):not(nav *):not(footer *),.about-page-wrapper h4:not(header *):not(nav *):not(footer *),.about-page-wrapper h5:not(header *):not(nav *):not(footer *),.about-page-wrapper h6:not(header *):not(nav *):not(footer *){color:var(--primary)!important;font-family:Space Grotesk,sans-serif!important}.about-page-wrapper p:not(header *):not(nav *):not(footer *),.about-page-wrapper span:not(header *):not(nav *):not(footer *),.about-page-wrapper a:not(header *):not(nav *):not(footer *),.about-page-wrapper li:not(header *):not(nav *):not(footer *),.about-page-wrapper button:not(header *):not(nav *):not(footer *),.about-page-wrapper div:not(header *):not(nav *):not(footer *){font-family:JetBrains Mono,monospace!important}.about-page-wrapper p:not(header *):not(nav *):not(footer *),.about-page-wrapper span:not([class*=text-white]):not([class*=text-black]):not(header *):not(nav *):not(footer *),.about-page-wrapper a:not([class*=text-white]):not([class*=text-black]):not(header *):not(nav *):not(footer *),.about-page-wrapper li:not(header *):not(nav *):not(footer *),.about-page-wrapper div:not(header *):not(nav *):not(footer *):not([class*=bg-]){color:var(--text)!important}.about-page-wrapper button:not([class*=bg-white]):not([class*=bg-black]):not(header *):not(nav *):not(footer *):not(.MuiButton-root){background-color:var(--button-bg)!important;color:var(--button-text)!important;border:2px solid var(--button-bg)!important;font-weight:600!important}.about-page-wrapper button:not([class*=bg-white]):not([class*=bg-black]):not(header *):not(nav *):not(footer *):not(.MuiButton-root):hover{background-color:var(--button-bg)!important;border-color:var(--button-bg)!important;opacity:.9!important;transition:all .3s!important;transform:scale(1.05)!important}.about-page-wrapper a:not([class*=text-white]):not([class*=text-black]):not(header *):not(nav *):not(footer *):not(.MuiButton-root){text-decoration:none;color:var(--accent)!important}.about-page-wrapper a:not([class*=text-white]):not([class*=text-black]):not(header *):not(nav *):not(footer *):not(.MuiButton-root):hover{opacity:.8;color:var(--primary)!important}.about-page-wrapper .MuiButton-contained{font-family:JetBrains Mono,monospace!important;font-weight:600!important}.about-page-wrapper .MuiTypography-h1,.about-page-wrapper .MuiTypography-h2,.about-page-wrapper .MuiTypography-h3,.about-page-wrapper .MuiTypography-h4,.about-page-wrapper .MuiTypography-h5,.about-page-wrapper .MuiTypography-h6{color:var(--primary)!important;font-family:Space Grotesk,sans-serif!important}.about-page-wrapper .MuiTypography-body1,.about-page-wrapper .MuiTypography-body2{color:var(--text)!important;font-family:JetBrains Mono,monospace!important;line-height:1.8!important}.about-text-centered{text-align:center!important}.about-text-left{text-align:left!important}