@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-main: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-border: #30363d;--color-text-main: #c9d1d9;--color-text-header: #ffffff;--color-text-muted: #8b949e;--color-primary: #58a6ff;--color-accent: #2ea043;--color-keyword: #ff7b72;--glass-bg: rgba(13, 17, 23, .7);--radius-sm: 6px;--radius-md: 12px;--fs-xl: clamp(2.5rem, 5vw, 4.5rem);--fs-lg: clamp(1.75rem, 3vw, 2.5rem);--fs-md: clamp(1.25rem, 2vw, 1.75rem);--fs-sm: clamp(1rem, 1.5vw, 1.1rem)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.6;overflow-x:hidden;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:50px 50px;background-position:center top}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,var(--color-bg) 100%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5{font-family:var(--font-main);color:var(--color-text-header);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}button,.btn-primary,.btn-secondary{font-family:var(--font-mono);font-size:.9rem;padding:.8rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:inline-block;text-decoration:none;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:#0d1117;font-weight:700}.btn-primary:hover{background-color:#79c0ff;transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff4d;text-decoration:none}.btn-secondary{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--color-bg-secondary);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{display:flex;align-items:center;font-size:var(--fs-lg);margin:2rem 0 3rem;white-space:nowrap;color:var(--color-text-header);font-weight:800}.section-title span{color:var(--color-primary);margin-right:15px;font-family:var(--font-mono);font-size:var(--fs-md);font-weight:400}.section-title:after{content:"";display:block;flex:1;height:1px;background-color:var(--color-border);margin-left:20px;max-width:300px}@media(max-width:768px){.section-title:after{max-width:100px}}.tech-highlight{font-family:var(--font-mono);color:var(--color-primary);background:#58a6ff1a;padding:.1em .3em;margin:0 .2em;border-radius:4px;font-size:.9em;display:inline-block;vertical-align:baseline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px;border:2px solid var(--color-bg)}.hero{min-height:100vh;display:flex;align-items:center;padding:0 10%;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-text{animation:fade-up .8s ease forwards}.greeting{font-family:var(--font-mono);color:var(--color-primary);margin-bottom:1rem;display:block}.hero-name{font-size:var(--fs-xl);color:var(--color-text-header);line-height:1.1;margin-bottom:1rem}.hero-role{font-size:var(--fs-lg);font-weight:700;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.1}.hero-description{max-width:500px;font-size:1.1rem;margin-bottom:3rem}.terminal-window{background:#1e1e1e;border-radius:var(--radius-md);box-shadow:0 20px 50px #00000080;border:1px solid var(--color-border);overflow:hidden;font-family:var(--font-mono);animation:fade-up 1s ease .2s forwards;opacity:0;transform:translateY(20px)}.terminal-header{background:#252526;padding:.8rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid #333}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-body{padding:1.5rem;color:#d4d4d4;font-size:.9rem;line-height:1.6}.code-line{display:block;min-height:1.5em}.keyword{color:#569cd6}.function{color:#dcdcaa}.string{color:#ce9178}.property{color:#9cdcfe}.comment{color:#6a9955;font-style:italic}@media(max-width:968px){.hero-grid{grid-template-columns:1fr;text-align:center;padding-top:6rem}.hero-description{margin:0 auto 3rem}.terminal-window{display:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:20px;align-items:center}.about-section{max-width:900px;margin:0 auto}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:50px}.about-text p{margin:0 0 15px}.skills-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));padding:0;margin:20px 0 0;list-style:none}@media(max-width:480px){.skills-list{grid-template-columns:1fr}}.skills-list li{font-family:var(--font-mono);font-size:13px;position:relative;padding-left:20px;margin-bottom:10px}.skills-list li:before{content:"▹";position:absolute;left:0;color:var(--green)}} .about-image .image-wrapper{display:block;position:relative;width:100%;max-width:300px;margin-left:auto}.about-image .image-wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border:2px solid var(--color-primary);top:20px;left:20px;z-index:-1;transition:var(--transition);border-radius:var(--radius-md)}.about-image .image-wrapper:hover:after{top:15px;left:15px}.about-image img{width:100%;height:auto;border-radius:var(--radius-md);display:block;position:relative;z-index:1;transition:var(--transition);filter:grayscale(100%) contrast(1)}.about-image .image-wrapper:hover img{filter:none;transform:translateY(-5px)}.education-mini-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--light-navy)}.education-mini-section h3{font-size:1.1rem;color:var(--lightest-slate);margin-bottom:15px;font-family:var(--font-mono)}.education-item{margin-bottom:15px}.edu-school{color:var(--white);font-weight:600;font-size:1rem}.edu-degree{color:var(--slate);font-size:.9rem}.edu-year{color:var(--green);font-family:var(--font-mono);font-size:.8rem;margin-left:5px}.edu-grade{font-size:.85rem;color:var(--slate);font-style:italic;margin-top:2px}@media(max-width:768px){.about-grid{display:block}.about-image{margin:50px auto 0;width:70%}.section-title:after{width:100%}}.experience{padding:100px 0}.experience-grid{display:flex;flex-direction:column;gap:2rem;position:relative;max-width:900px;margin:0 auto;padding-left:20px}.experience-grid:before{content:"";position:absolute;left:20px;top:0;height:100%;width:2px;background:linear-gradient(to bottom,var(--color-primary),#161b22 90%);opacity:.5}.experience-item{position:relative;padding-left:3rem}.experience-item:before{content:"";position:absolute;left:15px;top:1.5rem;width:12px;height:12px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-primary);z-index:2;transition:all .3s ease}.experience-item:hover:before{background:var(--color-primary);box-shadow:0 0 15px var(--color-primary)}.experience-content{background:#161b2280;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color-border);padding:2rem;border-radius:var(--radius-md);transition:all .3s ease;position:relative;overflow:hidden}.experience-content:hover{transform:translate(5px);border-color:var(--color-primary);background:#161b22cc;box-shadow:0 10px 30px -15px #000c}.experience-content:after{content:"";position:absolute;top:0;right:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.experience-content:hover:after{width:100%}.company{color:var(--color-primary);font-family:var(--font-mono);font-size:.9rem;margin-bottom:.5rem;letter-spacing:.5px}.role-duration{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem;flex-wrap:wrap;gap:.5rem}.role{color:var(--color-text-header);font-size:1.5rem;font-weight:700}.duration{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);background:#ffffff0d;padding:.2rem .6rem;border-radius:4px;white-space:nowrap}.description-list{list-style-type:none}.description-list li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--color-text-main);font-size:1rem;transition:color .2s}.description-list li:hover{color:var(--color-text-header)}.description-list li:before{content:"▹";position:absolute;left:0;color:var(--color-primary);line-height:1.6}@media(max-width:768px){.experience-grid{padding-left:0;gap:1.5rem}.experience-grid:before{left:10px}.experience-item{padding-left:2.5rem}.experience-item:before{left:5px}.role-duration{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-content{padding:1.5rem}}.projects{padding:100px 0}.projects-grid{display:flex;flex-direction:column;gap:12rem}.project-card{display:grid;grid-template-columns:repeat(12,1fr);align-items:center}.project-content{grid-column:7 / -1;grid-row:1;text-align:right;z-index:2}.project-card.project-card-alternate .project-content{grid-column:1 / 7;text-align:left;grid-row:1}.project-image-container{grid-column:1 / 8;grid-row:1;position:relative;height:350px;border-radius:var(--radius-sm);background-color:#232323;border:1px solid var(--color-border);overflow:hidden;transition:all .3s ease;z-index:1}.project-card.project-card-alternate .project-image-container{grid-column:6 / -1}.project-image-container:hover{border-color:var(--color-primary)}.project-overline{color:var(--color-primary);font-family:var(--font-mono);font-size:.85rem;margin-bottom:.5rem}.project-title{color:var(--color-text-header);font-size:1.75rem;margin-bottom:1.5rem}.project-description-box{background-color:#161b22;padding:1.5rem;border-radius:var(--radius-sm);color:var(--color-text-main);font-size:1rem;box-shadow:0 10px 30px -15px #000000b3;margin-bottom:1.5rem;border:1px solid var(--color-border)}.project-tech-list{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:1rem;list-style:none;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.project-card.project-card-alternate .project-tech-list{justify-content:flex-start}.project-links{display:flex;justify-content:flex-end;gap:1.5rem}.project-card.project-card-alternate .project-links{justify-content:flex-start}.icon-link{color:var(--color-text-header);font-size:1.3rem}.icon-link:hover{color:var(--color-primary)}@media(max-width:768px){.project-card{display:flex;flex-direction:column;align-items:flex-start;background:#161b22;padding:2rem;border-radius:var(--radius-md)}.project-content,.project-card.project-card-alternate .project-content{grid-column:auto;text-align:left;width:100%}.project-image-container{display:none}.project-tech-list,.project-card.project-card-alternate .project-tech-list,.project-links,.project-card.project-card-alternate .project-links{justify-content:flex-start}}.contact-section{max-width:600px;margin:0 auto 100px;text-align:center;padding:6rem 2rem}.small-title{color:var(--color-primary);font-family:var(--font-mono);font-size:1rem;margin-bottom:1.5rem}.contact-section h2{font-size:3.5rem;color:var(--color-text-header);margin-bottom:1.5rem}.contact-section p{color:var(--color-text-muted);font-size:1.25rem;line-height:1.6;margin-bottom:3rem}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.social-icon{color:var(--color-text-main);font-size:1.5rem;transition:all .2s ease}.social-icon:hover{color:var(--color-primary);transform:translateY(-3px)}footer{text-align:center;padding:2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{padding:1rem 3rem;background:#0d1117e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.logo{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-header)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-main)}.nav-link:hover{color:var(--color-primary);text-decoration:none}.nav-number{color:var(--color-primary);margin-right:.5rem}@media(max-width:768px){.nav-links{display:none}}