:root{--bg:#0a0a0f;--surface:#111118;--border:#1e1e2e;--accent:#00e5a0;--accent2:#5b5fff;--text:#e8e8f0;--muted:#6b6b80;--card:#13131c}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace}nav{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:.5em 1em;display:flex}.navbar-logo{letter-spacing:.1em;color:var(--text);font-size:1em;text-decoration:none}.navbar-links{gap:2em;list-style-type:none;display:flex}.navbar-links a,.navbar-links-mobile a{letter-spacing:.1em;color:var(--muted);font-size:.9em;text-decoration:none}.navbar-links a:hover,.navbar-links-mobile a:hover{border-bottom:1px solid var(--accent);color:var(--text)}@media screen and (width<=700px),screen and (height<=500px) and (orientation:landscape){.navbar-links,.header-image img{display:none}.hero-buttons{flex-direction:column}}@media screen and (width>=700px) and (orientation:portrait),screen and (width>=900px){.mobileNavMenu,.mobileNavbar-links{display:none}}.mobileNavbar-links{background-color:var(--card);align-items:center;height:fit-content}.navbar-links-mobile{text-align:center;flex-direction:column;list-style-type:none;display:flex}.navbar-links-mobile li{margin:1em;padding:.2em}.mobileNavMenu button{cursor:pointer;color:#fff;background:0 0;border:none;padding:0}.lucide{background-color:#0000}header{justify-content:space-between;margin:1em;display:flex}header h1{font-size:clamp(2rem,8vw,4rem)}header h1 span{color:var(--accent)}header p{color:var(--muted)}.hero-buttons{flex-direction:row;gap:1.5em;display:flex}.hero-buttons a{letter-spacing:.08em;text-transform:uppercase;margin:1em 0;padding:.75rem 1.8rem;font-size:.72rem;text-decoration:none}.heroButton-projects{background-color:var(--accent);color:var(--bg)}.heroButton-contact{border:1px solid var(--border);color:var(--text)}.heroButton-contact:hover{background-color:var(--surface)}.header-image{align-self:center}.header-image img{object-fit:cover;border-radius:50%;width:400px;height:400px}section{color:var(--muted);margin:3em 1em 1em;padding:1em}section h2{color:var(--text)}section:nth-child(odd){background-color:var(--surface)}section p span{color:var(--text)}section h3{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:2em;margin-bottom:.6rem;font-size:.65rem}.education{flex-direction:column;gap:2em;display:flex}.educationCard{background:var(--card);border:1px solid var(--border);border-radius:3px;margin-bottom:1rem;padding:1.6rem}.educationCard:hover{background-color:var(--bg)}.educationCard h4{color:var(--text);margin-bottom:.3rem;font-size:.9rem;font-weight:700}.educationCard p{color:var(--muted);margin-bottom:.5rem;font-size:.72rem}.educationCard span{color:var(--accent);background:#00e5a014;border:1px solid #00e5a040;border-radius:2px;padding:.2rem .55rem;font-size:.65rem;display:inline-block}.languages,.frameworks,.tools{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2em;margin-top:1em;display:grid}.skillCard{background-color:var(--surface);color:#fff;border-radius:1em;flex-direction:column;justify-content:space-between;align-items:center;padding:2em;font-size:1.2em;display:flex}.skillCard i{color:var(--accent2);margin-bottom:.5em;font-size:1.5em}.skillCard span{color:var(--muted)}.skillCard:hover{scale:1.05}.projectCard{background-color:var(--card);border:1px solid var(--border);margin-top:2em;padding:2em}.projectCard h3{color:var(--accent);font-size:1em}.projectCard p{color:var(--muted);font-size:.9em}.techStack{gap:.5em;font-size:.9em;display:flex}.projectCard span{border:1px solid var(--border);color:var(--muted);padding:.5em 1em}.githubLink{color:var(--text);width:fit-content;margin-top:1em;text-decoration:none;display:block}.githubLink:hover{border-bottom:1px solid var(--accent)}.githubLink i{transition:all .5s ease-in;display:inline-block}.githubLink:hover i{transform:translate(.2em)}.externalLinks{gap:2em;display:flex}.contactLinks{color:var(--muted);flex-direction:column;gap:1em;display:flex}.contactLink{align-items:center;gap:1em;display:flex}.contactLink a{color:var(--muted);text-decoration:none}.contactLink a:hover{border-bottom:1px solid var(--accent)}footer{border-top:1px solid var(--border);color:var(--muted);margin:1em;padding:1em;font-size:.7em}.backToTop{color:var(--text);background-color:var(--accent);text-align:center;border-radius:50%;width:1em;height:1em;padding:.5em;font-size:1.5em;text-decoration:none;position:fixed;bottom:1em;right:1em}