body{margin:0}:root{--bg-primary:#000;--text-primary:#fff;--text-secondary:#d9d9d9;--accent-color:#64ffda;--nav-bg:#000000b3;--section-bg:#000;--card-bg:#ffffff0d;--border-color:#ffffff1a;--bg-word-color:#ffffffb3;--toggle-bg:#fff;--toggle-circle:#000;--info-text-color:#000;--tooltip-bg:#000000e6;--tooltip-text:#fff;--project-arrow-color:#fff;--info-circle-bg:#ffffffe6}[data-theme=light]{--bg-primary:#fff;--text-primary:#000;--text-secondary:#333;--accent-color:#007acc;--nav-bg:#ffffffb3;--section-bg:#fff;--card-bg:#0000000d;--border-color:#0000001a;--bg-word-color:#000000b3;--toggle-bg:#000;--toggle-circle:#fff;--info-text-color:#fff;--tooltip-bg:#fffffff2;--tooltip-text:#000;--project-arrow-color:#000;--info-circle-bg:#000}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}html{scroll-behavior:smooth}body{background-color:#000;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}*,body{font-family:JetBrains Mono,monospace}h1,h2,h3{font-weight:300;margin-bottom:1rem}h1{font-size:3rem}h1,h2{color:#fff;color:var(--text-primary);transition:color .5s ease}h2{font-size:2.5rem;margin-bottom:2rem}h3{color:#fff;color:var(--text-primary);font-size:1.5rem}h3,p{transition:color .5s ease}p{color:#d9d9d9;color:var(--text-secondary);margin-bottom:1rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;background:var(--nav-bg);position:fixed;top:0;transition:background .5s ease;width:100%;z-index:100000}.nav-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#d9d9d9;color:var(--text-secondary);font-weight:400;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#fff;color:var(--text-primary)}.nav-underline{background:#fff;background:var(--text-primary);bottom:8px;height:2px;left:0;position:absolute;top:auto;transition:all .3s ease;width:0}.theme-toggle{position:absolute;right:2rem;top:1rem}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#fff!important;background-color:var(--toggle-bg,#333)!important;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#000!important;background-color:var(--toggle-circle,#fff)!important;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#666}input:checked+.slider:before{transform:translateX(20px)}.hero-section{align-items:center;background-color:#000;background-color:var(--section-bg);display:flex;height:100vh;justify-content:center;overflow:visible;position:relative}.hero-content{text-align:center;z-index:1}.name-container{display:flex;flex-direction:column;gap:.5rem}.first-name{animation:slideInLeft 1.5s ease-out .5s forwards;transform:translateX(-100vw)}.first-name,.last-name{font-feature-settings:normal!important;color:#fff;color:var(--text-primary);font-family:JetBrains Mono,monospace!important;font-size:8rem!important;font-style:normal!important;font-variant:normal!important;font-weight:300!important;opacity:0;text-rendering:optimizeLegibility!important}.last-name{animation:slideInRight 1.5s ease-out .5s forwards;transform:translateX(100vw)}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.info-icon{align-items:center;animation:attentionJump 2s ease-in-out infinite;background:#ffffffe6!important;background:var(--info-circle-bg)!important;border-radius:50%;bottom:2rem;cursor:pointer;display:flex;height:26px;justify-content:center;left:2rem;opacity:1!important;padding:2px;position:fixed;transition:all .3s ease;width:26px;z-index:100}@keyframes attentionJump{0%,to{transform:translateY(0)}15%,85%{transform:translateY(0)}50%{transform:translateY(-12px)}}.info-icon:before{background:#0000;border-radius:50%;content:"";cursor:pointer;height:26px;position:absolute;width:26px}.info-icon:hover{animation:attentionJump 2s ease-in-out infinite;transform:scale(1.1)}.info-text{color:#000;color:var(--info-text-color);font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.info-tooltip{background:#000000e6;background:var(--tooltip-bg);border-radius:8px;bottom:100%;box-shadow:0 4px 16px #00000026;color:#fff;color:var(--tooltip-text);font-size:14px;left:50%;line-height:1.5;margin-bottom:12px;margin-left:16px;opacity:0;padding:1rem;position:absolute;text-align:left;transform:translateX(0);transition:all .3s ease;visibility:hidden;width:280px}.info-icon.active .info-tooltip{opacity:1;transition:opacity .3s ease,visibility .3s ease;visibility:visible}.info-icon.fading .info-tooltip{opacity:0;transition:opacity 2s ease}.main-content{margin-top:0}.main-content,.section{transition:background-color .5s ease}.section{align-items:center;background-color:#000;background-color:var(--section-bg);display:flex;justify-content:center;min-height:100vh;padding:.5rem 1rem 1rem;scroll-margin-top:60px}#about.section{align-items:flex-start;padding-top:10px}#about .section-content{margin-top:.25rem}#about h1{padding-top:0}#contact.section{align-items:flex-start;height:auto;padding-top:6rem;position:relative;scroll-margin-top:80px}#contact.section,#projects.section{min-height:auto;padding-bottom:2rem}#projects.section{padding-top:.5rem}.section-content{max-width:1200px;text-align:center;width:100%}.typewriter-text p{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(20px)}.profile-photo{height:360px;margin-left:auto;margin-right:auto;margin-top:2.5rem;position:relative;text-align:center;width:220px}.profile-img{border:6px solid #fff;border:6px solid var(--text-primary);border-radius:0;display:block;height:360px;margin:0 auto;object-fit:cover;transition:all .3s ease;width:220px}.profile-img:hover{border-color:#fff;border-color:var(--text-primary);transform:scale(1.02)}.dark-mode-img{display:block}.light-mode-img{display:none}.typewriter-text p:first-child{animation-delay:.2s}.typewriter-text p:nth-child(2){animation-delay:.6s}.typewriter-text p:nth-child(3){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.timeline{margin:3rem auto 0;max-width:800px;padding:0 2rem;position:relative;text-align:left}.timeline-item{margin-bottom:5rem;padding-left:4rem;position:relative;transition:transform .3s ease}.timeline-item:nth-child(odd){margin-left:-3.5rem;padding-left:5rem;padding-right:0}.timeline-item:nth-child(odd):before{background:#fff;background:var(--text-primary);content:"";height:100%;left:2.5rem;position:absolute;top:0;transition:transform .3s ease;width:2px}.timeline-item:nth-child(odd):not(:last-child):after{background:#000;background:var(--bg-primary);bottom:-2rem;content:"";height:2rem;left:2.5rem;position:absolute;transition:transform .3s ease;width:2px}.timeline-item:nth-child(2n){margin-right:-3.5rem;padding-left:0;padding-right:5rem;text-align:right}.timeline-item:nth-child(2n):before{background:#fff;background:var(--text-primary);content:"";height:100%;position:absolute;right:2.5rem;top:0;transition:transform .3s ease;width:2px}.timeline-item:nth-child(2n):not(:last-child):after{background:#000;background:var(--bg-primary);bottom:-2rem;content:"";height:2rem;position:absolute;right:2.5rem;transition:transform .3s ease;width:2px}@media (max-width:768px){.timeline-item:nth-child(2n){margin-right:0;padding-left:1.5rem;padding-right:0;text-align:left}.timeline-item:nth-child(2n):after,.timeline-item:nth-child(2n):before{left:.5rem;right:auto}.timeline-item:nth-child(odd){margin-left:0;padding-left:1.5rem}.timeline-item:nth-child(odd):after,.timeline-item:nth-child(odd):before{left:.5rem}}.timeline-content{padding:0;transition:transform .3s ease;width:100%}.timeline-item:nth-child(odd):hover .timeline-content,.timeline-item:nth-child(odd):hover:before,.timeline-item:nth-child(odd):hover:not(:last-child):after{transform:translateX(-12px);transition:transform .3s ease}.timeline-item:nth-child(2n):hover .timeline-content,.timeline-item:nth-child(2n):hover:before,.timeline-item:nth-child(2n):hover:not(:last-child):after{transform:translateX(12px);transition:transform .3s ease}.company{color:#fff;color:var(--text-primary);font-weight:300;margin-bottom:.5rem}.duration{color:#d9d9d9;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.projects-grid{display:flex;flex-direction:column;gap:1.2rem;margin-left:auto;margin-right:auto;margin-top:.5rem;max-width:800px}.project-card{border-radius:4px;cursor:pointer;padding:1rem;position:relative;text-align:left;transition:all .5s ease}.project-arrow{color:#fff;color:var(--project-arrow-color);font-size:1.2rem;font-weight:300;position:absolute;right:.5rem;top:.5rem;transform:rotate(45deg);transition:all .3s ease;-webkit-user-select:none;user-select:none}.project-card:hover{box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px #ffffff40;transform:translateY(-2px)}[data-theme=light] .project-card:hover{box-shadow:0 4px 12px #00000026}.project-tech{color:#d9d9d9;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:300;margin-top:1rem}.contact-form{margin:2rem 0 0 20rem;max-width:1200px;padding:1.5rem 1.5rem 0;text-align:center}.form-group{margin-bottom:1.5rem;max-width:600px;text-align:left;width:100%}.form-group label{color:#d9d9d9;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:300;letter-spacing:1px;margin-bottom:.5rem;text-align:left;text-transform:uppercase}.form-group input,.form-group textarea{background:#0000;border:none;border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--text-secondary);color:#fff;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:300;padding:.5rem 0;transition:border-bottom-color .3s ease;width:80%}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#fff;border-bottom-color:var(--text-primary);outline:none;transition:border-bottom-color .2s ease}.submit-btn{background:#0000;border:1px solid #fff;border:1px solid var(--text-primary);color:#fff;color:var(--text-primary);cursor:pointer;display:block;float:left;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:300;margin-left:0;min-width:100px;padding:.6rem 1.5rem;text-align:left;transition:all .3s ease;width:auto}.submit-btn:hover{background:#fff;background:var(--text-primary);color:#000;color:var(--bg-primary)}@media (max-width:768px){.nav-container{align-items:center;flex-direction:row;padding:.75rem 1rem}.nav-container,.nav-menu{gap:.75rem;justify-content:center}.nav-menu{flex-wrap:wrap}.nav-link{font-size:.9rem;padding:.3rem .5rem}.theme-toggle{margin-top:0;position:absolute;right:1rem;top:.8rem}.first-name,.last-name{font-size:4rem}h1{font-size:2rem}h2{font-size:1.8rem}.section{padding:.5rem 1rem 1rem}.timeline{margin:3rem 1rem 0}.timeline-item:before,.timeline-item:not(:last-child):after{left:1rem}.timeline-item{padding-left:2rem}.contact-form{margin:1rem 0 0 2rem;padding:1.5rem}.projects-grid{margin:1rem 1rem 0}}@media (max-width:480px){.nav-container{gap:.5rem;padding:.5rem}.nav-menu{gap:.5rem}.nav-link{font-size:.8rem;padding:.2rem .3rem}.first-name,.last-name{font-size:2.5rem}.toggle-switch{height:18px;width:35px}.slider:before{bottom:4px;height:10px;left:3px;width:10px}input:checked+.slider:before{transform:translateX(17px)}.form-group input,.form-group textarea{width:100%}.contact-form{margin:1rem 0 0 1rem;padding:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.page-transition{opacity:1;transition:opacity .3s ease-in-out}.page-transition.fade-out{opacity:0}.page-transition.fade-in{opacity:1}.info-page{background-color:#000;background-color:var(--bg-primary);min-height:100vh;overflow:visible;position:relative;transition:background-color .5s ease}.info-page-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);padding-top:100px;position:relative;z-index:10}.info-page-card{background:var(--bg-color)!important;border-radius:4px;cursor:pointer;isolation:isolate;margin:3rem auto 2rem;max-width:600px;padding:2rem;position:relative;transition:all .5s ease;z-index:99999!important}.info-page-card:before{bottom:-100px;left:-100px;right:-100px;top:-100px;z-index:99998}.info-page-card:after,.info-page-card:before{background:var(--bg-color);border-radius:4px;content:"";pointer-events:none;position:absolute}.info-page-card:after{bottom:-200px;left:-200px;right:-200px;top:-200px;z-index:99997}.info-page-card:hover{box-shadow:0 4px 12px #ffffff40;transform:translateY(-2px)}[data-theme=light] .info-page-card:hover{box-shadow:0 4px 12px #00000026}.info-page-body{text-align:center}.info-page-body h1{color:#fff;color:var(--text-primary);font-size:3rem;margin-bottom:2rem}.info-page-body p{color:#d9d9d9;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.back-icon{align-items:center;animation:attentionJump 2s ease-in-out infinite;background:#ffffffe6!important;background:var(--info-circle-bg)!important;border-radius:50%;bottom:2rem;cursor:pointer;display:flex;height:26px;justify-content:center;left:2rem;opacity:1!important;padding:2px;position:fixed;transition:all .3s ease;width:26px;z-index:100}.back-icon .info-text{color:#000;color:var(--info-text-color);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.back-icon:before{background:#0000;border-radius:50%;content:"";cursor:pointer;height:26px;position:absolute;width:26px}.back-icon:hover{animation:attentionJump 2s ease-in-out infinite;transform:scale(1.1)}.background-word{color:#ffffffb3;color:var(--bg-word-color,#ffffffb3);font-family:Courier New,monospace;font-size:1rem;font-weight:450;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}@media (max-width:768px){.navbar{box-sizing:border-box;overflow-x:hidden}.nav-container,.nav-menu,.navbar{max-width:100vw}.nav-menu{flex:1 1 auto;width:calc(100vw - 84px)}.nav-link{white-space:normal}}@media (max-width:480px){.nav-container{gap:.4rem;padding:.4rem .5rem}.nav-menu{gap:.35rem;max-width:calc(100vw - 72px)}.nav-link{font-size:.78rem;padding:.2rem .28rem}.toggle-switch{height:18px;width:34px}}@media (max-width:360px){.nav-menu{gap:.3rem;max-width:calc(100vw - 68px)}.nav-link{font-size:.72rem;padding:.18rem .24rem}.theme-toggle{right:.4rem;top:.55rem}}@media (max-width:768px){.nav-container{align-items:center;flex-direction:column;justify-content:center}.nav-menu{justify-content:center;max-width:100%;width:100%}.theme-toggle{margin-top:.25rem;position:static;right:auto;top:auto}}body,html{max-width:100%}.App,.info-page,body,html{overflow-x:hidden}@media (max-width:768px){#contact.section{background-color:#000;background-color:var(--section-bg);isolation:isolate;min-height:calc(100vh - 80px);overflow:hidden;padding-bottom:2rem;padding-top:1rem;position:relative;scroll-margin-top:80px}}.link-underline{color:#fff;color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.link-underline:hover{opacity:.85}#background-words-section{align-items:flex-start;padding-top:6rem;position:relative}.work-progress-content{align-items:center;display:flex;justify-content:center;min-height:60vh}.progress-card{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;max-width:500px;padding:3rem 2rem;text-align:center;transition:all .3s ease;width:100%}.progress-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-5px)}.progress-card h3{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1rem}.progress-card p{color:#d9d9d9;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.progress-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem}.progress-bar{background:#ffffff1a;background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;position:relative;width:200px}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background:#fff;background:var(--text-primary);border-radius:4px;height:100%;width:65%}.progress-text{color:#d9d9d9;color:var(--text-secondary);font-size:.9rem;font-weight:500}@keyframes progressPulse{0%,to{opacity:.7}50%{opacity:1}}#experiment-hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}#experiment-hero .hero-content{text-align:center;z-index:10}#experiment-hero .name-container{display:flex;flex-direction:column;gap:.5rem}#experiment-hero .first-name,#experiment-hero .last-name{color:#fff;color:var(--text-primary);font-size:4rem;font-weight:300;margin:0;transition:all .3s ease}.warning-marquee{align-items:center;background:#0000;display:flex;height:30px;left:0;overflow:hidden;position:absolute;top:80px;width:100%;z-index:10}.marquee-content{animation:marquee-scroll 15s linear infinite;color:#fff;color:var(--text-primary);display:flex;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;white-space:nowrap}.marquee-content span{flex-shrink:0;margin-right:2rem}@keyframes marquee-scroll{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}.vertical-warning-marquee{align-items:flex-start;background:#0000;display:flex;height:calc(100vh - 80px);justify-content:flex-start;left:0;overflow:hidden;position:absolute;top:80px;width:200px;z-index:10}.vertical-marquee-content{animation:vertical-marquee-scroll 12s linear infinite;color:#fff;color:var(--text-primary);display:flex;flex-direction:row;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;text-orientation:mixed;writing-mode:vertical-rl}.vertical-marquee-content span{flex-shrink:0;margin-left:2rem}@keyframes vertical-marquee-scroll{0%{transform:translateY(100vh)}to{transform:translateY(-100%)}}.top-right-marquee{align-items:flex-start;background:#0000;display:flex;height:calc(100vh - 80px);justify-content:flex-end;overflow:hidden;position:absolute;right:20px;top:80px;width:200px;z-index:10}.top-right-marquee-content{animation:top-right-marquee-scroll 12s linear infinite;color:#fff;color:var(--text-primary);display:flex;flex-direction:row;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;text-orientation:mixed;writing-mode:vertical-lr}.top-right-marquee-content span{flex-shrink:0;margin-left:2rem}@keyframes top-right-marquee-scroll{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.bottom-left-marquee{align-items:center;background:#0000;bottom:20px;display:flex;height:30px;justify-content:flex-start;left:0;overflow:hidden;position:absolute;width:100vw;z-index:10}.bottom-left-marquee-content{animation:bottom-left-marquee-scroll 12s linear infinite;color:#fff;color:var(--text-primary);display:flex;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;white-space:nowrap}.bottom-left-marquee-content span{flex-shrink:0;margin-right:2rem}@keyframes bottom-left-marquee-scroll{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}@media (max-width:768px){#experiment-hero .hero-content .name-container .first-name,#experiment-hero .hero-content .name-container .last-name{font-size:3.2rem!important}.warning-marquee{height:25px;top:100px}.marquee-content{animation:marquee-scroll 12s linear infinite;font-size:.8rem}.marquee-content span{margin-right:1.5rem}.vertical-warning-marquee{height:calc(100vh - 100px);left:0;top:100px;width:150px}.vertical-marquee-content{animation:vertical-marquee-scroll 10s linear infinite;font-size:.8rem}.vertical-marquee-content span{margin-left:1.5rem}#background-words-section{padding-top:4rem}.info-page-card{margin:2rem auto 1rem;max-width:90%;padding:1.5rem}.progress-card{margin:0 1rem;max-width:90%;padding:2rem 1.5rem}.progress-card h3{font-size:1.5rem}.progress-card p{font-size:1rem}.progress-bar{width:150px}.section{padding:1rem .5rem}.section-content{padding:0 1rem}}@media (max-width:480px){#experiment-hero .hero-content .name-container .first-name,#experiment-hero .hero-content .name-container .last-name{font-size:3rem!important}.warning-marquee{height:20px;top:120px}.marquee-content{animation:marquee-scroll 10s linear infinite;font-size:.7rem}.marquee-content span{margin-right:1rem}.vertical-warning-marquee{height:calc(100vh - 120px);left:0;top:120px;width:120px}.vertical-marquee-content{animation:vertical-marquee-scroll 8s linear infinite;font-size:.7rem}.vertical-marquee-content span{margin-left:1rem}#background-words-section{padding-top:3rem}.info-page-card{margin:1.5rem auto 1rem;max-width:95%;padding:1rem}.progress-card{margin:0 .5rem;max-width:95%;padding:1.5rem 1rem}.progress-card h3{font-size:1.3rem}.progress-card p{font-size:.9rem}.progress-bar{width:120px}.section{padding:.5rem .25rem}.section-content{padding:0 .5rem}}@media (max-width:360px){#experiment-hero .hero-content .name-container .first-name,#experiment-hero .hero-content .name-container .last-name{font-size:2.8rem!important}.info-page-card{margin:1rem auto .5rem;padding:.8rem}.progress-card{margin:0 .25rem;padding:1rem .8rem}.progress-card h3{font-size:1.2rem}.progress-card p{font-size:.85rem}.progress-bar{width:100px}}
/*# sourceMappingURL=main.0bc53541.css.map*/