*{margin:0;padding:0;box-sizing:border-box}.profile-card{background-color:#ffffff1a;border-radius:10px;box-shadow:5px 5px 5px #ffffff4d;padding:20px;max-width:400px;margin:10px;display:inline-block;text-align:center;border:solid 1px rgb(255,255,255)}.profile-image{width:60%;height:auto;border-radius:50%;margin-bottom:20px}.profile-name{color:#6cf;font-family:Segoe UI,sans-serif;font-weight:700;font-size:2em;margin-bottom:10px}.profile-description{color:#ccc;font-family:Segoe UI,sans-serif;font-size:1.2em;margin-bottom:20px}.profile-links{display:flex;justify-content:center;gap:14px;margin-top:10px}.profile-link img{width:32px;height:32px;object-fit:contain;display:block}.profile-link img:hover{transform:scale(1.1);transition:transform .2s ease-in-out}.profile-card .icon{filter:brightness(0) invert(1)}.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:10px;color:#fff;font-size:.9em}.footer p{font-family:Segoe UI,sans-serif;color:#ccc}.contact{display:flex;padding:20px;min-height:40vh}form{display:flex;flex-direction:column;width:100%;max-width:600px;padding:25px 25px 30px;border-radius:8px;box-shadow:0 0 10px #ffffffbf}form .input-box{margin-bottom:15px}.input-box label{font-size:1.2em;padding:auto;color:#fff}.input-box .field{width:100%;padding:10px;border:none;border-radius:4px;background-color:#ffffff1a;color:#fff;font-size:1em;line-height:1.4em}textarea.field.mess{height:150px;resize:none;font-size:1em;line-height:1.4em;font-family:inherit;color:#fff}form button{padding:10px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1.2em;cursor:pointer}form button:hover{background-color:#0056b3}.tech-tools{padding:20px;text-align:center;border-radius:10px;min-height:20vh;font-size:1.2em;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.tools-list{background:#ffffff0d;border-radius:12px;padding:25px;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.tool-item{display:flex;flex-direction:column;align-items:center}.tool-item i{font-size:4em;margin-bottom:6px;transition:transform .3s ease,filter .3s ease}.tool-item:hover i{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.tool-item span{font-size:.9em;color:#ccc;margin-top:3px}.github-light,.linux-light{filter:invert(1)}.education-container{max-width:700px;padding:20px;background:#00000080;border-radius:10px}.education-item{background:#ffffff24;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.education-item:last-child{margin-bottom:0}.education-item h3{font-family:arial,sans-serif;font-size:1.5em;color:#6cf;margin-bottom:10px}img{height:10vh;margin-right:10px}.polymtl{height:13vh;width:35vh}.subject{font-weight:700;color:#fff;font-family:arial,sans-serif;font-size:1.2em;margin-bottom:5px}.date{font-style:italic;color:#ccc;font-family:arial,sans-serif;font-size:.9em}section .about-me{background:#ffffff0d;border-radius:12px;padding:25px;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.about h2{font-size:24px;margin-bottom:10px}.about p{font-size:1.2em;line-height:1.5;color:#fff;text-align:justify}.about{padding:60px 20px;display:flex}.about-container{max-width:800px;position:relative}.about-title:after{content:"";display:block;width:60px;height:3px;background-color:#6cf;margin:8px auto 0;border-radius:3px}.about-text p{color:#ccc;font-size:1.2em;line-height:1.6;margin-bottom:15px}.highlight{color:#6cf;font-weight:700}.about-decoration{margin-top:30px;display:flex;flex-direction:column;align-items:center}.about-decoration .circle{width:20px;height:20px;border:2px solid #66ccff;border-radius:50%;margin-bottom:10px}.about-decoration .line{width:2px;height:50px;background-color:#6cf;border-radius:2px}.project-card{position:relative;background:#111;border-radius:12px;overflow:hidden;width:85vh;height:45vh;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease;margin-bottom:50px}.project-card:hover{transform:scale(1.05)}.project-images{width:100%;height:auto;object-fit:contain;border-radius:8px}.project-image{width:100%;height:100%;position:absolute;opacity:0;transition:opacity 1s ease;top:0}.project-image.active{opacity:1}.project-overlay{position:absolute;bottom:0;left:0;width:100%;padding:50px;background:#000000b3;transform:translateY(100%);transition:transform .4s ease}.project-card:hover .project-overlay{transform:translateY(0)}.project-title{position:relative;z-index:2;background:#0009;padding:8px 12px;font-size:1.2em;text-align:center;font-weight:700}.project-technology{display:inline-block;background:#6cf;color:#000;padding:3px 8px;border-radius:6px;margin:3px;font-size:.8em}.project-description{font-size:.9em;margin-bottom:8px}body{margin:0;font-family:Segoe UI,sans-serif;color:#fff;overflow:hidden;background:#000}.star-canvas{position:fixed;top:0;left:0;z-index:-1}.content{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.container{display:flex;height:100vh;overflow:hidden}.left{flex:0 0 40%;display:flex;justify-content:center;align-items:center;position:sticky;top:0;height:100vh;background:transparent}.right{flex:5 0 60%;height:100vh;overflow-y:scroll;padding:2rem;background:transparent;color:#fff}.section{height:70vh;padding:20px;margin-bottom:80px}.section h2{font-family:Orbitron,sans-serif;font-size:3em;margin-bottom:10px;color:#6cf}.section.hero{display:flex;flex-direction:column;justify-content:center;height:100vh}.section.hero h2{font-size:3.6em;margin-bottom:20px}.section.hero p{font-size:1.25em;color:#ccc;margin-bottom:20px}.section.hero .arrows{display:flex;flex-direction:column;align-items:center}.write-animation-container{display:flex;justify-content:center;align-items:center;height:100vh}.write-animation{border-right:5px solid #66ccff;width:0;white-space:nowrap;overflow:hidden;animation:typing 2.5s steps(40,end) forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:17ch}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.projects{height:165vh}.projects h2{font-family:Orbitron,sans-serif;font-size:3em;margin-bottom:20px;color:#6cf}::-webkit-scrollbar{width:12px;background:#f1f1f1}::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 5px #0000001a}::-webkit-scrollbar-thumb{background:#6cf;border-radius:10px;box-shadow:inset 0 0 5px #0000004d}::-webkit-scrollbar-thumb:hover{background:#59c}.container{display:flex;height:100vh}@media (max-width: 768px){body{overflow:auto}.container{flex-direction:column;height:auto;min-height:100vh}.left,.right{flex:none;width:100%;height:auto;position:relative}.right{overflow-y:visible;padding:1rem}.section{height:auto;padding:20px;margin-bottom:40px}}
