@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.pixel-blast-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.pixel-blast-container canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glitch-text{position:relative;display:inline-block;color:#06f;font-weight:700}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-text:before{left:2px;text-shadow:-2px 0 #FF00FF;clip:rect(44px,450px,56px,0);animation:glitch-anim calc(2s * var(--glitch-speed, .5)) infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #00FFFF,2px 2px #FF00FF;clip:rect(44px,450px,56px,0);animation:glitch-anim2 calc(2s * var(--glitch-speed, .5)) infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}5%{clip:rect(70px,9999px,71px,0)}10%{clip:rect(3px,9999px,17px,0)}15%{clip:rect(36px,9999px,1px,0)}20%{clip:rect(95px,9999px,84px,0)}25%{clip:rect(12px,9999px,99px,0)}30%{clip:rect(85px,9999px,61px,0)}35%{clip:rect(60px,9999px,16px,0)}40%{clip:rect(28px,9999px,77px,0)}45%{clip:rect(56px,9999px,34px,0)}50%{clip:rect(43px,9999px,88px,0)}55%{clip:rect(18px,9999px,25px,0)}60%{clip:rect(79px,9999px,5px,0)}65%{clip:rect(92px,9999px,43px,0)}70%{clip:rect(7px,9999px,68px,0)}75%{clip:rect(51px,9999px,90px,0)}80%{clip:rect(24px,9999px,56px,0)}85%{clip:rect(67px,9999px,11px,0)}90%{clip:rect(39px,9999px,73px,0)}95%{clip:rect(83px,9999px,28px,0)}to{clip:rect(15px,9999px,98px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}5%{clip:rect(22px,9999px,45px,0)}10%{clip:rect(88px,9999px,33px,0)}15%{clip:rect(9px,9999px,76px,0)}20%{clip:rect(54px,9999px,12px,0)}25%{clip:rect(41px,9999px,67px,0)}30%{clip:rect(77px,9999px,29px,0)}35%{clip:rect(14px,9999px,81px,0)}40%{clip:rect(58px,9999px,38px,0)}45%{clip:rect(91px,9999px,6px,0)}50%{clip:rect(26px,9999px,69px,0)}55%{clip:rect(72px,9999px,47px,0)}60%{clip:rect(19px,9999px,92px,0)}65%{clip:rect(63px,9999px,21px,0)}70%{clip:rect(35px,9999px,85px,0)}75%{clip:rect(80px,9999px,52px,0)}80%{clip:rect(4px,9999px,96px,0)}85%{clip:rect(49px,9999px,13px,0)}90%{clip:rect(74px,9999px,60px,0)}95%{clip:rect(30px,9999px,87px,0)}to{clip:rect(11px,9999px,44px,0)}}.glitch-on-hover:before,.glitch-on-hover:after{animation:none}.glitch-on-hover:hover:before{animation:glitch-anim calc(2s * var(--glitch-speed, .5)) infinite linear alternate-reverse}.glitch-on-hover:hover:after{animation:glitch-anim2 calc(2s * var(--glitch-speed, .5)) infinite linear alternate-reverse}.language-switcher{position:relative;background:#fff;border:2px solid #0066FF;color:#06f;padding:.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:.75rem;cursor:pointer;transition:all .2s;box-shadow:4px 4px #06f}.language-switcher:hover{background:#06f;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #06f}.language-switcher:active{transform:translate(4px,4px);box-shadow:0 0 #06f}.lang-separator{margin:0 .5rem;opacity:.5}.lang-option.inactive{opacity:.3}@media (max-width: 768px){.language-switcher{top:.5rem;right:1rem;font-size:.6rem;padding:.4rem .8rem}}.robot-arm-container{width:100%;display:flex;justify-content:center;margin:2rem 0;animation:emerge 1.5s ease-out;position:relative;max-width:1400px;margin-left:auto;margin-right:auto}@keyframes emerge{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.robot-arm-video-top{width:100%;max-width:100%;height:auto;opacity:.5;display:block;mask-image:linear-gradient(to bottom,transparent 0%,black 3%,black 97%,transparent 100%),linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 3%,black 97%,transparent 100%),linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-composite:source-in}.progress-container{position:absolute;top:2rem;right:2rem;text-align:left;background:transparent;border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.progress-label{font-size:.65rem;color:#06f;margin:0;text-align:center;white-space:nowrap}.progress-bar-blocks{font-family:monospace;font-size:1rem;letter-spacing:.1em;line-height:1;display:flex}.block-filled{color:#06f}.block-empty{color:#06f3}@media (max-width: 768px){.robot-arm-container{flex-direction:column;align-items:center}.robot-arm-video-top{width:100%}.progress-container{position:relative;top:auto;right:auto;padding:.5rem;gap:.25rem;margin-top:1rem;align-self:center}.progress-label{font-size:.55rem}.progress-bar-blocks{font-size:.75rem}}.snake-game-wrap{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:2rem}.snake-game-card{text-align:center;background:#ffffffe6;border:2px solid #0066FF;padding:2rem;box-shadow:0 8px 32px #06f3;max-width:520px;width:100%;position:relative}.snake-exit{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:transparent;color:#f33;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.snake-exit:before{content:"";width:4px;height:4px;background:#f33;box-shadow:0 0 #f33,16px 0 #f33,4px 4px #f33,12px 4px #f33,8px 8px #f33,4px 12px #f33,12px 12px #f33,0 16px #f33,16px 16px #f33}.snake-exit:hover{filter:brightness(1.1)}.snake-title{margin:0 0 1rem;font-size:2rem;letter-spacing:.2em;color:#06f}.snake-score{font-size:1.1rem;margin-bottom:1rem;color:#06f}.snake-canvas-wrap{position:relative;display:inline-block}.snake-canvas-wrap canvas{border:2px solid #0066FF;background:#fff}.snake-controls{margin-top:1rem;font-size:.9rem;color:#06f;opacity:.8}.snake-game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border:2px solid #0066FF;padding:1.5rem;width:90%;box-shadow:0 6px 20px #06f3}.snake-game-over h2{margin:0 0 .5rem;color:#06f}.snake-restart{margin-top:.75rem;background:#fff;border:2px solid #0066FF;color:#06f;padding:1rem 2rem;font-family:"Press Start 2P",monospace;cursor:pointer;font-size:clamp(.5rem,1.5vw,.7rem);transition:all .2s;box-shadow:4px 4px #06f}.snake-restart:hover{background:#06f;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #06f}.snake-restart:active{transform:translate(4px,4px);box-shadow:0 0 #06f}@media (max-width: 768px){.snake-game-card{padding:1.5rem}.snake-title{font-size:1.5rem}.snake-canvas-wrap canvas{width:280px;height:280px}}.app{position:relative;min-height:100vh}.content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:6rem 2rem 2rem}.snake-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:linear-gradient(#d7e8ff 1px,transparent 1px),linear-gradient(90deg,#d7e8ff 1px,transparent 1px);background-size:24px 24px}.snake-loading{text-align:center;color:#06f;font-size:.9rem;letter-spacing:.2em}.snake-loading-title{margin-bottom:1rem}.snake-loading-bar{width:240px;height:10px;border:2px solid #0066FF;background:#fff;overflow:hidden}.snake-loading-fill{display:block;height:100%;width:40%;background:#06f;animation:snake-loading 1.2s ease-in-out infinite}@keyframes snake-loading{0%{transform:translate(-100%)}50%{transform:translate(80%)}to{transform:translate(220%)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #0066FF;padding:1rem 6rem;box-shadow:0 2px 10px #0066ff1a;display:flex;justify-content:space-between;align-items:center}.hamburger{display:none;background:transparent;border:none;color:#06f;cursor:pointer;padding:.5rem;z-index:101}.hamburger:hover{color:#f0f}.title-container{display:flex;align-items:center;gap:1rem}.nav{display:flex;gap:2rem;align-items:center}.play-button{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;margin-top:-26px}.play-button:before{content:"";position:absolute;width:4px;height:4px;background:#06f;box-shadow:0 0 #06f,4px 0 #06f,0 4px #06f,4px 4px #08f,8px 4px #06f,0 8px #06f,4px 8px #08f,8px 8px #0af,12px 8px #06f,0 12px #06f,4px 12px #08f,8px 12px #0af,12px 12px #0cf,16px 12px #06f,0 16px #06f,4px 16px #08f,8px 16px #0af,12px 16px #06f,0 20px #06f,4px 20px #08f,8px 20px #06f,0 24px #06f,4px 24px #06f;transition:all .2s}.play-button:hover:before{filter:brightness(1.3);transform:scale(1.1)}.nav-link{color:#06f;text-decoration:none;font-size:.75rem;letter-spacing:.1em;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-link:hover:before,.nav-link:hover:after{content:attr(data-text);position:absolute;top:.5rem;left:0;width:100%;height:100%;background:transparent}.nav-link:hover:before{left:2px;text-shadow:-2px 0 #FF00FF;clip:rect(0,900px,50px,0);animation:glitch-nav .5s infinite linear alternate-reverse}.nav-link:hover:after{left:-2px;text-shadow:-2px 0 #00FFFF;clip:rect(0,900px,50px,0);animation:glitch-nav2 .5s infinite linear alternate-reverse}@keyframes glitch-nav{0%{clip:rect(31px,9999px,44px,0)}25%{clip:rect(12px,9999px,29px,0)}50%{clip:rect(43px,9999px,18px,0)}75%{clip:rect(7px,9999px,38px,0)}to{clip:rect(15px,9999px,28px,0)}}@keyframes glitch-nav2{0%{clip:rect(25px,9999px,38px,0)}25%{clip:rect(8px,9999px,22px,0)}50%{clip:rect(37px,9999px,12px,0)}75%{clip:rect(18px,9999px,42px,0)}to{clip:rect(5px,9999px,35px,0)}}.nav-link:after{display:none}.logo{width:clamp(50px,8vw,70px);height:auto;filter:drop-shadow(0 0 8px #fff)}.title{font-size:clamp(1rem,3vw,1.5rem);margin:0;letter-spacing:.1em}.subtitle-box{border:2px solid #0066FF;padding:2rem;margin:2rem auto 1rem;max-width:800px;background:#0066ff0d;box-shadow:0 0 20px #0066ff4d}.subtitle,.tagline{font-size:clamp(.5rem,1.5vw,.75rem);line-height:2;margin-bottom:1rem;color:#08f}.copyright{font-size:.75rem;color:#06f;margin-top:1rem}.social-links{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.social-link{color:#06f;text-decoration:none;padding:.5rem;background:transparent;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:8px}.social-link:hover{color:#fff;background:#06f;transform:translateY(-2px)}.social-divider{color:#06f;opacity:.5}.divider{text-align:center;font-size:1.5rem;margin:4rem 0;color:#06f;letter-spacing:1em}.hero{margin:4rem 0;padding:2rem;border-left:4px solid #0066FF}.hero-text{font-size:clamp(.6rem,1.8vw,.9rem);line-height:2.5;margin-bottom:2rem;color:#000}.hero-text.highlight{color:#08f;font-size:clamp(.7rem,2vw,1rem);margin:3rem 0;text-align:center}.toc{margin:4rem 0}.section-title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:2rem;text-align:center;color:#06f}.toc-meta{text-align:center;font-size:.75rem;color:#08f;margin-bottom:3rem}.sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.section-card{border:2px solid #0066FF;padding:2rem;background:#0066ff08;transition:all .3s;position:relative}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0066ff1a;opacity:0;transition:opacity .3s;pointer-events:none}.section-card:hover:before{opacity:1}.section-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #06f}.section-card-title{font-size:clamp(.8rem,2vw,1rem);color:#08f;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #0066FF;text-align:center}.project-image{width:100%;height:450px;object-fit:cover;object-position:center 40%;opacity:.5;margin-bottom:2rem;border:2px solid #0066FF}.project-image-first{object-position:center 50%}.section-list{list-style:none;padding:0}.section-list li{font-size:clamp(.5rem,1.5vw,.7rem);line-height:2.5;color:#000;padding-left:0;position:relative;margin-bottom:.5rem}.section-list li:before{display:none}.section-list li:hover{color:#08f;cursor:pointer}.signup{text-align:center;margin:4rem 0;padding:3rem;border:2px solid #0066FF;background:#0066ff0d}.signup-title{font-size:clamp(.8rem,2vw,1rem);color:#06f;margin-bottom:2rem}.signup-description{font-size:clamp(.5rem,1.5vw,.7rem);line-height:2.5;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.signup-form{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.signup-input{background:#fff;border:2px solid #0066FF;color:#000;padding:1rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.65rem);flex:1;min-width:250px;box-shadow:4px 4px #06f}.signup-input:focus{outline:none;background:#0066ff0d}.signup-input::placeholder{color:#06f;opacity:.5}.signup-button{background:#fff;border:2px solid #0066FF;color:#06f;padding:1rem 2rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);cursor:pointer;transition:all .2s;box-shadow:4px 4px #06f}.signup-button:hover{background:#06f;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #06f}.signup-button:active{transform:translate(4px,4px);box-shadow:0 0 #06f}.footer{margin-top:2rem;padding:2rem 0 .5rem;border-top:2px solid #0066FF;text-align:center}.footer-title{font-size:clamp(.5rem,1.5vw,.7rem);color:#06f;line-height:2}@media (max-width: 1111px){.header{padding:.75rem 1rem}.hamburger{display:block}.nav{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;border-left:2px solid #0066FF;box-shadow:-2px 0 10px #0066ff1a}.nav-open{right:0}.title-container{gap:.5rem}.nav-link{font-size:.9rem}.logo{width:40px}}@media (max-width: 768px){.content{padding:5rem 1rem 1rem}.play-button{display:none}.sections-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.section-card{padding:1rem}.project-image{height:200px}.subtitle-box,.hero{padding:1rem}}::selection{background:#06f;color:#fff}::-moz-selection{background:#06f;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background-color:#fff;color:#000;line-height:1.8;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff;border-left:2px solid #0066FF}::-webkit-scrollbar-thumb{background:#06f;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:#08f}