#root{max-width:100%;margin:0;padding:0;text-align:left}#tsparticles{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}.content{position:relative;z-index:1;color:#fff}button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.navbar{display:flex;justify-content:center;position:fixed;top:0;width:100%;padding:1rem;z-index:10;transition:background-color .3s ease,backdrop-filter .3s ease}.navbar.scrolled{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar ul{display:flex;justify-content:center;gap:2rem;list-style:none;padding:0;margin:0}.navbar a{color:#fff;text-decoration:none;font-family:"Press Start 2P",cursive;font-size:.8rem;transition:all .3s ease}.navbar a:hover{color:#646cff;filter:drop-shadow(0 0 .5em #646cffaa)}.left-section{justify-self:end;text-align:left;padding-right:2rem;max-width:400px;padding-left:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-left:1rem;margin-bottom:7rem}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem;z-index:1}.social-links a{color:#fff;font-size:2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-links a:hover{color:#646cff;transform:scale(1.1);filter:drop-shadow(0 0 .5em #646cffaa)}.status-section{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:4rem;margin-right:2rem;justify-self:start;text-align:left;padding-left:2rem;max-width:400px}.name-text{font-family:"Press Start 2P",cursive;font-size:4rem;line-height:1.2;color:#fff;text-align:left;text-shadow:0 0 20px #646cff,0 0 40px #646cff,0 0 60px #646cff;filter:drop-shadow(0 0 2em #646cff) drop-shadow(0 0 4em #646cff)}.profile:hover{filter:drop-shadow(0 0 4em #646cffcc);transform:translateY(-15px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.status-text{font-family:"Press Start 2P",cursive;font-size:.7rem;line-height:1.4;color:#fff;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.5);width:100%}.status-label{color:#646cff;filter:drop-shadow(0 0 .5em #646cff70);display:block;margin-bottom:.25rem}.status-text p{margin:.75rem 0;padding:.5rem;background:#0000004d;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.status-text p:hover{background:#0006;transform:translate(10px)}.position-info{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2;width:100%;text-align:left}.position-container{display:flex;align-items:center;gap:.5rem;margin-top:-.5rem}.position-text{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff;margin:0;text-shadow:0 0 10px rgba(0,0,0,.5)}.position-subtext{font-family:"Press Start 2P",cursive;font-size:.7rem;line-height:1.4;color:#fff;margin:0;text-shadow:0 0 10px rgba(0,0,0,.5)}.ttc-logo{height:7rem;margin-left:.5rem;margin-top:-1.1rem}body{margin:0;overflow-x:hidden}#home{height:100vh;display:flex;align-items:center;padding-top:4rem}.content-section{min-height:100vh;padding:6rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;background:#0000004d}.section-title{font-family:"Press Start 2P",cursive;font-size:2.5rem;color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #646cff,0 0 40px #646cff,0 0 60px #646cff;filter:drop-shadow(0 0 2em #646cff) drop-shadow(0 0 4em #646cff)}.section-content{width:100%;max-width:1400px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 4rem;padding:2rem;position:relative;z-index:2}.project-card:nth-child(-n+2){margin-bottom:2rem}.project-card{background:#000000b3;border-radius:12px;padding:2rem;height:auto;min-height:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;z-index:2;transform:translateZ(0);will-change:transform}.project-card:hover{transform:scale(1.05);background:#383838f2;border-color:#646cff66;box-shadow:0 0 20px #646cff4d,0 0 40px #646cff33;z-index:10}.project-card h3{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover h3{color:#646cff;font-size:1.4rem}.project-tech{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#646cff;margin-bottom:1.5rem;filter:drop-shadow(0 0 .5em #646cff70);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-tech{font-size:.85rem}.project-card ul{list-style:none;padding:0;margin:0;overflow:visible}.project-card li{font-family:"Press Start 2P",cursive;color:#fff;margin-bottom:1.5rem;line-height:1.8;position:relative;padding-left:1.5rem;font-size:.7rem;text-shadow:0 0 10px rgba(124,114,114,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover li{transform:translate(5px);font-size:.85rem}.project-card li:before{content:"▹";position:absolute;left:0;color:#646cff;font-size:.8rem}.project-image{width:100%;height:0;opacity:0;margin-top:0;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{height:200px;opacity:1;margin-top:1rem;object-fit:cover}.project-card ul{overflow:visible}.project-card:hover ul{margin-bottom:1rem}.project-github-link{position:absolute;bottom:1rem;right:1rem;color:#fff;font-size:1.5rem;transition:all .3s ease}.project-github-link:hover{color:#646cff;filter:drop-shadow(0 0 .5em #646cffaa);transform:translateY(-2px)}.github-projects-link{font-family:"Press Start 2P",cursive;font-size:.8rem;color:#fff;text-decoration:none;margin-top:4rem;padding:1.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:#646cff1a;border:1px solid rgba(100,108,255,.2);border-radius:8px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #646cff33}.github-projects-link:hover{color:#646cff;transform:scale(1.1);background:#646cff33;border-color:#646cff66;box-shadow:0 0 20px #646cff4d,0 0 40px #646cff33}.github-projects-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,108,255,.2),transparent);transition:.5s}.github-projects-link:hover:before{left:100%}.timeline{position:relative;max-width:1200px;margin:0 auto;padding:2rem}.timeline:after{content:"";position:absolute;width:6px;background:#646cff;top:0;bottom:0;left:50%;transform:translate(-50%);filter:drop-shadow(0 0 1em #646cff70)}.timeline-item{position:relative;width:calc(50% - 100px);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,108,255,.2);border-radius:12px;margin-bottom:3rem;padding:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;transform:translateZ(0);transition:all .2s ease-out}.timeline-item:hover{transform:translateY(-5px) translateZ(0);background:#383838f2;border-color:#646cff66;box-shadow:0 10px 30px -15px #646cff66;z-index:10}.timeline-item.left{float:left;clear:both}.timeline-item.right{float:right;clear:both}.timeline-title{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,0,0,.5);transition:color .3s ease}.timeline-item:hover .timeline-title{color:#646cff;filter:drop-shadow(0 0 .5em #646cff70)}.timeline-date{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#646cff;margin-bottom:1rem;filter:drop-shadow(0 0 .5em #646cff70)}.timeline-location{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#fff;margin-bottom:1.5rem;opacity:.8}.timeline-description ul{list-style:none;padding:0;margin:0}.timeline-description li{font-family:"Press Start 2P",cursive;color:#fff;margin-bottom:1.5rem;line-height:1.8;position:relative;padding-left:1.5rem;font-size:.7rem;text-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-item:hover .timeline-description li{transform:translate(5px);font-size:.8rem}.timeline-description li:before{content:"▹";position:absolute;left:0;color:#646cff;font-size:.8rem}.footer{padding:2rem 0;margin-top:4rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(100,108,255,.2)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-social-links{display:flex;justify-content:center;align-items:center;gap:3rem}.footer-social-links a{color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 1em #646cff70)}.footer-social-links a:hover{color:#646cff;transform:translateY(-5px);filter:drop-shadow(0 0 2em #646cffaa)}.footer-copyright{font-family:"Press Start 2P",cursive;font-size:.8rem;color:#fff;text-align:center;padding:1rem 0;transition:all .3s ease;text-shadow:0 0 10px rgba(0,0,0,.5)}.footer-copyright:hover{color:#646cff;filter:drop-shadow(0 0 1em #646cff70);transform:translateY(-2px)}.profile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:1800px;margin:0 auto;padding:0 2rem}.main-content-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%;align-items:center}.image-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto}.profile{width:100%;height:auto;max-width:400px;object-fit:cover;border-radius:20px;will-change:filter,transform;transition:all .3s ease;filter:drop-shadow(0 0 2em #646cffa0);animation:float 6s ease-in-out infinite}@media screen and (max-width: 1200px){.main-content-wrapper{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}@media screen and (max-width: 992px){.navbar a{font-size:.6rem}.navbar-container{margin-bottom:1.5rem}.profile-container{min-height:auto;padding:3rem .75rem .75rem}.main-content-wrapper{grid-template-columns:1fr;max-width:450px;gap:1.5rem}.name-text{line-height:1.1;align-self:center;font-size:1.2rem!important}.position-text{font-size:.65rem;text-align:center;line-height:1.2}.position-subtext{font-size:.63rem;line-height:1.2;text-align:center}.ttc-logo{height:3.5rem;margin-left:0rem;margin-top:0rem;margin-right:3rem}.image-section{max-width:250px;padding:.5rem 0;margin-bottom:.5rem}.profile{max-width:220px}.social-links{margin-top:.35rem;gap:1.25rem}.social-links a{font-size:1.25rem}.status-section{padding:0rem 0}.status-text{font-size:.6rem;line-height:1.2;margin-left:2rem}.status-label{margin-bottom:.1rem;font-size:.5rem}.status-text p{margin:.35rem 0;padding:.65rem}.left-section{margin-bottom:1.5rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.projects-grid{margin-left:1rem;margin-right:1rem;grid-template-columns:1fr;gap:1.5rem;padding:1rem}.project-card{padding:1rem;min-height:200px}.project-card h3{font-size:.8rem;margin-bottom:1rem}.project-tech{font-size:.5rem;margin-bottom:1rem}.project-card li{font-size:.5rem;margin-bottom:.75rem;padding-left:1rem}.timeline{padding:1rem;max-width:100%}.timeline:after{width:3px;left:20px;transform:none}.timeline-item{width:calc(100% - 50px);margin-left:50px;margin-right:0;margin-bottom:2rem;padding:1rem;float:none}.timeline-item.left,.timeline-item.right{float:none;clear:none}.timeline-title{font-size:.9rem;margin-bottom:.75rem}.timeline-date,.timeline-location{font-size:.6rem;margin-bottom:.5rem}.timeline-description li{font-size:.6rem;line-height:1.4;margin-bottom:.75rem;padding-left:1rem}.timeline-description li:before{font-size:.7rem}.timeline-item:hover{transform:translate(5px)}.timeline-item:hover .timeline-description li{font-size:.65rem}}@media screen and (max-width: 576px){.profile-container{padding:.75rem}.main-content-wrapper{gap:1rem}.profile{max-width:200px}.name-text{font-size:1.5rem}.timeline{padding:.75rem}.timeline-item{padding:.75rem;margin-bottom:1.5rem}.timeline-title{font-size:.8rem}.timeline-date,.timeline-location{font-size:.5rem}.timeline-description li{font-size:.5rem;margin-bottom:.5rem}}