:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--text-primary:#e0e0e0;--text-secondary:#888;--accent-primary:#0f0;--accent-secondary:#00f3ff;--accent-danger:#ff003c;--glow-green:0 0 10px #00ff0080;--glow-cyan:0 0 10px #00f3ff80;--font-mono:"Fira Code", "Courier New", Courier, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;font-weight:600}a{color:var(--accent-secondary);text-decoration:none;transition:all .3s}a:hover{color:var(--accent-primary);text-shadow:var(--glow-green)}button{cursor:pointer;font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--accent-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#0a0a0ab3;border:1px solid #00ff001a;border-radius:8px}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 var(--accent-danger);clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-1px 0 var(--accent-secondary);clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 86px, 0)}5%{clip:rect(32px, 9999px, 5px, 0)}10%{clip:rect(65px, 9999px, 49px, 0)}15%{clip:rect(48px, 9999px, 80px, 0)}20%{clip:rect(11px, 9999px, 12px, 0)}25%{clip:rect(20px, 9999px, 95px, 0)}30%{clip:rect(88px, 9999px, 60px, 0)}35%{clip:rect(3px, 9999px, 45px, 0)}40%{clip:rect(72px, 9999px, 80px, 0)}45%{clip:rect(55px, 9999px, 11px, 0)}50%{clip:rect(90px, 9999px, 34px, 0)}55%{clip:rect(15px, 9999px, 76px, 0)}60%{clip:rect(40px, 9999px, 25px, 0)}65%{clip:rect(81px, 9999px, 50px, 0)}70%{clip:rect(2px, 9999px, 90px, 0)}75%{clip:rect(60px, 9999px, 15px, 0)}80%{clip:rect(95px, 9999px, 88px, 0)}85%{clip:rect(25px, 9999px, 40px, 0)}90%{clip:rect(50px, 9999px, 65px, 0)}95%{clip:rect(12px, 9999px, 20px, 0)}to{clip:rect(76px, 9999px, 95px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(25px, 9999px, 95px, 0)}5%{clip:rect(80px, 9999px, 12px, 0)}10%{clip:rect(45px, 9999px, 60px, 0)}15%{clip:rect(10px, 9999px, 85px, 0)}20%{clip:rect(90px, 9999px, 40px, 0)}25%{clip:rect(55px, 9999px, 20px, 0)}30%{clip:rect(3px, 9999px, 75px, 0)}35%{clip:rect(65px, 9999px, 50px, 0)}40%{clip:rect(15px, 9999px, 90px, 0)}45%{clip:rect(85px, 9999px, 35px, 0)}50%{clip:rect(40px, 9999px, 10px, 0)}55%{clip:rect(95px, 9999px, 65px, 0)}60%{clip:rect(20px, 9999px, 80px, 0)}65%{clip:rect(70px, 9999px, 5px, 0)}70%{clip:rect(5px, 9999px, 45px, 0)}75%{clip:rect(50px, 9999px, 95px, 0)}80%{clip:rect(35px, 9999px, 25px, 0)}85%{clip:rect(80px, 9999px, 70px, 0)}90%{clip:rect(12px, 9999px, 55px, 0)}95%{clip:rect(60px, 9999px, 15px, 0)}to{clip:rect(90px, 9999px, 85px, 0)}}.timeline-container{max-width:1000px;margin:0 auto;position:relative}.timeline-line{background:var(--accent-secondary);opacity:.5;width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-start;width:100%;margin-bottom:3rem;display:flex;position:relative}.timeline-item.right{justify-content:flex-end}.timeline-content{width:45%}.timeline-dot{background:var(--bg-primary);border:3px solid var(--accent-primary);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#050505cc;border-bottom:1px solid #00ff001a;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0}.nav-links{font-family:var(--font-mono);gap:2rem;font-size:.9rem;display:flex}.menu-toggle{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;display:none}@media (width<=768px){h1{font-size:2rem!important}h2{font-size:1.8rem!important}section{padding:5rem 1rem 2rem!important}.hero-title{letter-spacing:2px!important;font-size:2rem!important}.hero-subtitle{padding:0 1rem;font-size:.9rem!important}.glass-panel{padding:1.5rem!important}.main-nav{box-sizing:border-box;flex-wrap:wrap;max-width:100vw;flex-direction:row!important;justify-content:space-between!important;padding:1rem 1.5rem!important;position:fixed!important}.menu-toggle{margin-right:.5rem;display:block!important}.nav-links{text-align:center;background:#050505f2;border-top:1px solid #00ff001a;flex-direction:column;width:100%;margin-top:1rem;padding:1rem 0;display:none;gap:1.5rem!important;font-size:1.1rem!important}.nav-links.open{display:flex!important}main{padding-top:80px}.timeline-line{left:20px;transform:none}.timeline-dot{left:20px;transform:translate(-50%)}.timeline-item,.timeline-item.right{justify-content:flex-end}.timeline-content{width:calc(100% - 50px)}.terminal-container{height:350px!important;font-size:.8rem!important}}@media (width<=480px){h1{font-size:1.5rem!important}.hero-title{font-size:1.6rem!important}.nav-links{gap:.8rem!important;font-size:.75rem!important}.glass-panel{padding:1rem!important}}