@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#0a0a0a;color:#f1f1f1;line-height:1.6;overflow:hidden}header{background:#000;color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}header h1{font-family:Bebas Neue,sans-serif;font-size:32px}nav ul{list-style:none;display:flex;gap:20px}nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}nav a:hover{color:#06bee1}.liquid-link:hover{filter:brightness(1.4)}section{min-height:100vh;padding:80px 40px;max-width:1000px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:40px}section:nth-child(2n){flex-direction:row-reverse}section h2{font-family:Bebas Neue,sans-serif;font-size:36px;width:200px;flex-shrink:0}section p,section .projects,section .skills-container{flex:1}.projects{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:1100px}.card{background:#111;padding:20px;border-radius:12px;box-shadow:0 8px 20px #0006;transition:transform .2s;color:#fff}.card:hover{transform:translateY(-5px)}.skills-container{display:flex;flex-wrap:wrap;gap:10px}.skills-container span{background:#06bee1;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px}footer{text-align:center;padding:40px;background:#111;font-size:14px;color:#fff}#codeFallDiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:2000;overflow:hidden}#canvas1{position:absolute;top:0;left:0;z-index:2001;width:100%;height:100%;pointer-events:none}#iconDiv{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3000;background-color:transparent;text-align:center}#startLogo{width:200px;cursor:pointer;transition:transform .3s ease}#startLogo:hover{transform:scale(1.25)}.fade-out{opacity:0;pointer-events:none}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.timeline{position:relative;margin:60px 0;padding-left:20px}.timeline:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:4px;height:100%;background:#06bee1}.timeline-item{position:relative;width:50%;padding:20px 40px}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-content{background:#111;padding:40px;border-radius:12px;box-shadow:0 8px 20px #0000004d;color:#fff;position:relative;text-align:justify}.timeline-content:after{content:"";position:absolute;top:20px;width:15px;height:15px;background:#06bee1;border-radius:50%;box-shadow:0 0 0 4px #06bee14d}.timeline-item.left .timeline-content:after{right:-8px}.timeline-item.right .timeline-content:after{left:-8px}.timeline-content h3{margin-bottom:10px;font-family:Bebas Neue,sans-serif;font-size:24px}@media (max-width: 768px){.timeline:before{left:10px}.timeline-item{width:100%;padding-left:30px;padding-right:0}.timeline-item.left,.timeline-item.right{left:0;text-align:left}.timeline-item .timeline-content:after{left:-8px;right:auto}}.reveal.active{opacity:1;transform:translateY(0)}.glyph-canvas{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;pointer-events:none}@media (max-width: 768px){section,section:nth-child(2n){flex-direction:column;align-items:flex-start}section h2{width:auto;margin-bottom:10px}}@keyframes glitchPulse{0%{opacity:1;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.05)}to{opacity:1;transform:scaleX(1)}}.flip-card{background:transparent;width:240px;height:180px;perspective:1200px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .7s;box-shadow:0 0 0 2px #fff,0 20px 40px #00000080;transform-style:preserve-3d;border:solid 2px white;border-radius:10px;display:flex}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 8px 20px #0006;padding:30px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translateZ(20px)}.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 8px 20px #0006;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotateY(180deg) translateZ(20px)}.flip-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(-10px);background:#1a1a1a;border-radius:12px;box-shadow:inset 0 0 10px #0000004d}.stack{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.stack span{background:#06bee1;padding:4px 10px;border-radius:20px;font-size:12px}.flip-card-front.cyber,.flip-card-back.cyber{background-color:#111;color:#e0e0ff;border:1px solid #55ff00}.flip-card-front.research,.flip-card-back.research{background-color:#111;color:#e0e0ff;border:1px solid #ff0000}.flip-card-front.dev,.flip-card-back.dev{background-color:#111;color:#fff;border:1px solid #06bee1}.open-pdf-btn{margin-top:1rem;padding:.5rem 1.2rem;background-color:#ffffff10;color:#fff;font-weight:700;border:1px solid white;border-radius:6px;cursor:pointer;transition:all .3s ease}.open-pdf-btn:hover{background-color:#ffffff30}.animated-folder{width:200px;height:130px;position:relative;cursor:pointer;margin:1.5rem;transition:transform .3s ease}.animated-folder:hover{transform:scale(1.05)}.folder-body{background-color:#111;width:100%;height:70%;padding:20px;border-radius:10px;position:absolute;bottom:0;border:2px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem}.folder-lid{background-color:#222;width:100%;height:30%;border-radius:10px 10px 0 0;position:absolute;top:0;border:1px solid #fff;border-bottom:none;transform-origin:top center;transition:transform .3s ease}.animated-folder:active .folder-lid{transform:rotateX(60deg)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1a1a1a;padding:2.25rem;border-radius:12px;width:80%;max-width:600px;color:#fff;position:relative;animation:fadeIn .3s ease-in-out;box-shadow:0 10px 30px #0009}.close-button{position:absolute;top:10px;right:15px;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.variable-proximity{font-family:Roboto Flex,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:150px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.contact-bar{display:flex;gap:1.5rem;padding:1rem;background:#1e1e1e;color:#fff;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 4px 10px #0000004d}.contact-bar a{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;transition:color .2s ease}.contact-bar a:hover{color:#ff9800}.icon{width:20px;height:20px}