:root{--bg:#0d0d0d;--surface:#1a1a1a;--surface-hover:#252525;--primary:#0f8;--secondary:#ff6b35;--text-primary:#fff;--text-muted:#8a8a8a;--border:#333;--font-heading:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0dcc;border-bottom:1px solid #ffffff0d;padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--primary);font-size:1.5rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;transition:color .3s}.nav-links a:hover{color:var(--primary)}@media (max-width:768px){.nav-links{display:none}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 2rem 4rem;display:grid}.hero-content{animation:.8s ease-out fadeInUp}.hero-greeting{color:var(--primary);font-family:var(--font-mono);margin-bottom:1rem;font-size:1rem}.hero-name{font-family:var(--font-heading);margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-title{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem}.hero-tagline{color:var(--text-muted);max-width:400px;margin-bottom:2rem;font-size:1.1rem}.hero-cta{gap:1rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;padding:.875rem 1.75rem;font-size:.95rem;font-weight:500;transition:all .3s}.btn-primary{background:var(--primary);color:var(--bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #0f86}.btn-outline{border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.hero-visual{justify-content:center;align-items:center;animation:.8s ease-out .2s backwards fadeInUp;display:flex}.code-block{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-width:480px;padding:1.5rem 2rem;overflow-x:auto}.code-header{gap:8px;margin-bottom:1.25rem;display:flex}.dot{border-radius:50%;width:14px;height:14px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.code-block pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;font-size:1rem;line-height:1.8}.code-block .k{color:#ff79c6}.code-block .v{color:#50fa7b}.code-block .s{color:#f1fa8c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr;gap:2rem;padding-top:6rem}.hero-cta{justify-content:center}.hero-visual{order:-1;width:100%}.code-block{padding:1.25rem;font-size:.85rem}}@media (max-width:480px){.hero-name{font-size:2rem}.hero-title{font-size:1.2rem}.code-block{padding:1rem;font-size:.75rem}.code-block pre{font-size:.85rem}}section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-title{font-family:var(--font-heading);margin-bottom:3rem;font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--primary);width:60px;height:3px;position:absolute;bottom:-10px;left:0}.about-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.aboutbio p{color:var(--text-muted);margin-bottom:1rem;font-size:1.05rem}.skills h3,.education h3{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:1.25rem}.skills-grid{flex-wrap:wrap;gap:.75rem;display:flex}.skill-tag{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.skill-tag:hover{border-color:var(--primary);color:var(--primary)}.edu-item{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:1.25rem}.edu-degree{margin-bottom:.25rem;font-weight:600;display:block}.edu-school{color:var(--text-muted);font-size:.9rem;display:block}.edu-year{color:var(--secondary);font-size:.85rem;font-family:var(--font-mono);margin-top:.5rem;display:block}@media (max-width:768px){.about-grid{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s}.project-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 40px #00ff881a}.project-icon{margin-bottom:1rem;font-size:2rem}.project-title{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.25rem}.project-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-tags span{color:var(--primary);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);background:#00ff881a;padding:.25rem .5rem}.project-links a{color:var(--secondary);font-size:.9rem;font-weight:500;transition:all .3s}.project-links a:hover{color:var(--primary)}.experience-list{flex-direction:column;gap:2rem;display:flex}.experience-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;transition:all .3s}.experience-item:hover{border-color:var(--primary);box-shadow:0 10px 40px #00ff881a}.experience-header{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;margin-bottom:1.5rem;display:grid}.experience-info{flex-direction:column;gap:.5rem;display:flex}.job-position{font-family:var(--font-heading);margin:0;font-size:1.3rem;font-weight:600}.job-company{color:var(--primary);margin:0;font-size:.95rem;font-weight:500}.job-location{color:var(--text-muted);margin:0;font-size:.9rem}.experience-dates{text-align:right}.job-date{font-family:var(--font-mono);color:var(--text-muted);margin:0 0 .25rem;font-size:.9rem}.job-duration{font-family:var(--font-mono);color:var(--secondary);margin:0 0 .25rem;font-size:.85rem}.job-type{color:var(--text-muted);margin:0;font-size:.85rem}.job-description{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.job-skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-badge{color:var(--primary);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);background:#00ff881a;border:1px solid #0f83;padding:.35rem .75rem}@media (max-width:768px){.experience-header{grid-template-columns:1fr}.experience-dates{text-align:left}.experience-item{padding:1.5rem}}.contact{text-align:center}.contact .section-title:after{left:50%;transform:translate(-50%)}.contact-text{color:var(--text-muted);margin-bottom:2rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;transition:all .3s;display:inline-flex}.contact-btn:hover{border-color:var(--primary);transform:translateY(-3px)}.contact-btn .icon{font-size:1.25rem}.footer{border-top:1px solid var(--border);text-align:center;padding:2rem}.footer-container{max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.9rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a:hover{color:var(--primary)}@media (max-width:600px){.footer-container{flex-direction:column;gap:1rem}}