@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap");*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--foreground);background:var(--background);transition:background-color .3s ease,color .3s ease;line-height:1.6;font-weight:400}:root{--foreground:#e5e5e5;--background:#0a0a0a;--border:#333;--blur-bg:hsla(0,0%,4%,.8);--accent:#fff}[data-theme=light]{--foreground:#000;--background:#fff;--border:#e5e5e5;--blur-bg:hsla(0,0%,100%,.8);--accent:#000}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border-bottom:1px solid var(--border);padding:1rem 2rem}[data-theme=dark] .navbar{background:rgba(0,0,0,.8)}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-weight:700;font-size:1.1rem}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--foreground);text-decoration:none;transition:opacity .3s ease;font-weight:400;cursor:pointer}.nav-links a:hover{opacity:.7}.nav-right{gap:1rem}.nav-right,.theme-toggle{display:flex;align-items:center}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--foreground);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;justify-content:center}.theme-toggle:hover{background:var(--border)}.theme-toggle svg{width:1.25rem;height:1.25rem}.github-icon{color:var(--foreground)}[data-theme=dark] .github-icon{color:#fff}.hero-container{background:transparent;padding:2rem;border-radius:20px;margin-bottom:2rem}[data-theme=dark] .hero-container{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.about-container,[data-theme=dark] .hero-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-container{background:hsla(0,0%,100%,.8)}[data-theme=dark] .about-container{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.main-content{min-height:100vh;padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-section{max-width:800px}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.05em}.hero-subtitle{font-size:1.1rem;opacity:.7;margin-bottom:3rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:hsla(0,0%,100%,.9)}.btn-primary,.btn-secondary{color:var(--foreground);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary{background:hsla(0,0%,100%,.8)}[data-theme=dark] .btn-primary{background:rgba(0,0,0,.9);color:var(--foreground)}[data-theme=dark] .btn-secondary{background:rgba(0,0,0,.8);color:var(--foreground)}.btn:hover{transform:translateY(-2px);opacity:.9}.features-section{margin-top:6rem;width:100%}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.025em}.section-subtitle{opacity:.7;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{padding:2rem;border:1px solid var(--border);border-radius:8px;text-align:center;transition:transform .3s ease;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .feature-card{background:rgba(0,0,0,.8)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.8}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature-description{opacity:.7;line-height:1.5}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.project-card{padding:2rem;border:1px solid var(--border);border-radius:8px;text-align:center;cursor:pointer;transition:all .1s ease;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .project-card{background:rgba(0,0,0,.8)}.project-card:hover{transform:translateY(-5px);border-color:var(--accent)}.project-card svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.8}.project-title{font-size:1.1rem;font-weight:600}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.tech-item{padding:1.5rem;border:1px solid var(--border);border-radius:8px;text-align:center;transition:transform .3s ease;font-weight:500;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .tech-item{background:rgba(0,0,0,.8)}.tech-item:hover{transform:translateY(-5px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;padding:2rem;max-width:500px;width:100%;position:relative}[data-theme=dark] .modal{background:rgba(0,0,0,.9)}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--foreground);cursor:pointer;padding:.5rem}.modal-close svg{width:1.5rem;height:1.5rem}.github-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--foreground);transition:background .3s ease}.github-link:hover{background:var(--border)}.github-link svg{width:1.25rem;height:1.25rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.nav-links{gap:1rem}.main-content{padding:5rem 1rem 3rem}.cta-buttons{flex-direction:column;align-items:center}}[data-theme=dark] .experience-card,[data-theme=dark] .project-card-inline{background:rgba(0,0,0,.8)!important}