@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-black: #000000;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-green: #00FF88;--color-green-dark: #00CC6A;--color-blue: #0EA5E9;--color-blue-glow: rgba(14, 165, 233, .3);--color-orange: #F97316;--color-purple: #A855F7;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-in-out);--transition-slow: .4s var(--ease-in-out);--border-width: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-brutal: 4px 4px 0px var(--color-black);--shadow-brutal-lg: 8px 8px 0px var(--color-black);--shadow-brutal-hover: 6px 6px 0px var(--color-black);--shadow-glow: 0 0 40px var(--color-blue-glow)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-display);font-size:var(--text-base);line-height:1.6;color:var(--color-white);background-color:var(--color-black);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-7xl);text-transform:uppercase}h2{font-size:var(--text-5xl);text-transform:uppercase}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-green)}.mono{font-family:var(--font-mono);font-size:.9em;letter-spacing:-.01em}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:center center}.bg-black{background-color:var(--color-black);color:var(--color-white)}.bg-white{background-color:var(--color-white);color:var(--color-black)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.container{padding:0 var(--space-12)}}.section{padding:var(--space-20) 0}@media(min-width:768px){.section{padding:var(--space-32) 0}}.btn{display:inline-block;padding:var(--space-4) var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--color-black);background-color:transparent;cursor:pointer;transition:all var(--transition-base);position:relative}.btn-primary{background-color:var(--color-green);color:var(--color-black);border-color:var(--color-black);box-shadow:var(--shadow-brutal)}.btn-primary:hover{transform:translate(2px,2px);box-shadow:var(--shadow-brutal-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-black);box-shadow:var(--shadow-brutal)}.btn-secondary:hover{transform:translate(2px,2px);box-shadow:var(--shadow-brutal-hover)}.btn-outline{background-color:transparent;color:var(--color-white);border-color:var(--color-white)}.btn-outline:hover{background-color:var(--color-white);color:var(--color-black)}.card{background-color:var(--color-black);border:var(--border-width) solid var(--color-white);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.card-white{background-color:var(--color-white);border-color:var(--color-black);color:var(--color-black)}.card-white:hover{box-shadow:var(--shadow-brutal)}.badge{display:inline-block;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.badge-blue{background-color:#0ea5e91a;border-color:var(--color-blue);color:var(--color-blue)}.badge-green{background-color:#00ff881a;border-color:var(--color-green);color:var(--color-green)}.badge-orange{background-color:#f973161a;border-color:var(--color-orange);color:var(--color-orange)}.badge-purple{background-color:#a855f71a;border-color:var(--color-purple);color:var(--color-purple)}.badge:hover{transform:scale(1.05)}@media(max-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.animate-fade-in{animation:fadeIn .6s var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft .6s var(--ease-out) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-black)}::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-green)}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:transparent;transition:all var(--transition-base);padding:var(--space-6) 0}.navigation.scrolled{background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-4) 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.nav-logo{flex-shrink:0}.logo-text{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;color:var(--color-white);transition:color var(--transition-fast)}.logo-text:hover{color:var(--color-green)}.nav-links{display:flex;gap:var(--space-8);align-items:center}.nav-links a{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;color:var(--color-white);position:relative;transition:color var(--transition-fast)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-green);transition:width var(--transition-base)}.nav-links a:hover{color:var(--color-green)}.nav-links a:hover:after{width:100%}.nav-badge{flex-shrink:0}@media(max-width:1024px){.nav-badge{display:none}}@media(max-width:768px){.nav-container{padding:0 var(--space-4)}.nav-links{gap:var(--space-4)}.nav-links a{font-size:var(--text-xs)}.logo-text{font-size:var(--text-base)}}@media(max-width:640px){.nav-links a{display:none}.nav-links a:nth-child(1),.nav-links a:nth-child(2),.nav-links a:nth-child(5){display:block}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:var(--space-20)}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-12)}.hero-content{max-width:900px}.hero-badge{margin-bottom:var(--space-8)}.hero-title{font-size:clamp(3rem,10vw,7rem);line-height:1;margin-bottom:var(--space-6);letter-spacing:-.03em}.hero-title-accent{color:var(--color-green);display:inline-block;position:relative}.hero-title-accent:before{content:"";position:absolute;top:50%;left:-10px;right:-10px;height:50%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transform:translateY(-50%);z-index:-1}.hero-subtitle{font-size:var(--text-lg);color:var(--color-gray-400);margin-bottom:var(--space-10);line-height:1.8}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:var(--space-12);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-gray-500);animation:bounce 2s infinite}.scroll-icon{font-size:var(--text-2xl)}.scroll-indicator span{font-size:var(--text-xs);letter-spacing:.1em}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media(max-width:768px){.hero-section{padding-top:var(--space-16)}.hero-title{font-size:clamp(2.5rem,12vw,4rem)}.hero-subtitle{font-size:var(--text-base)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.scroll-indicator{bottom:var(--space-6)}}.opensource-section{position:relative}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-title{margin:var(--space-6) 0}.title-accent{color:var(--color-green)}.section-subtitle{color:var(--color-gray-400);font-size:var(--text-lg);line-height:1.8;max-width:700px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-20)}.stat-card{border:var(--border-width) solid var(--color-white);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal)}.stat-number{font-size:var(--text-6xl);font-weight:700;color:var(--color-green);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-400);letter-spacing:.1em}.category-section{margin-top:var(--space-16)}.category-title{font-size:var(--text-xl);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.category-icon{color:var(--color-blue);font-size:var(--text-2xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-8)}.project-card{display:flex;flex-direction:column;gap:var(--space-5)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.project-name{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.project-repo{font-size:var(--text-sm);color:var(--color-gray-500)}.project-tech-badge{flex-shrink:0}.project-description{color:var(--color-gray-300);line-height:1.7}.contribution-section{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:var(--space-5);border-radius:var(--border-radius-sm)}.contribution-label{font-size:var(--text-xs);color:var(--color-green);letter-spacing:.1em;margin-bottom:var(--space-3)}.contribution-list{list-style:none;padding:0}.contribution-list li{padding-left:var(--space-5);margin-bottom:var(--space-2);position:relative;color:var(--color-gray-300);font-size:var(--text-sm);line-height:1.6}.contribution-list li:before{content:"→";position:absolute;left:0;color:var(--color-green);font-weight:700}.project-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-links{display:flex;gap:var(--space-4);align-items:center}.project-link{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;color:var(--color-white);white-space:nowrap;transition:color var(--transition-fast)}.project-link:hover{color:var(--color-green)}@media(max-width:768px){.projects-grid,.stats-grid{grid-template-columns:1fr}.project-footer{flex-direction:column;align-items:flex-start}.section-subtitle{font-size:var(--text-base)}}.projects-section{color:var(--color-black)}.projects-section .section-header{text-align:center;margin-bottom:var(--space-16)}.projects-section .section-title{color:var(--color-black)}.title-accent-dark{color:var(--color-blue)}.featured-projects{display:flex;flex-direction:column;gap:var(--space-12)}.featured-project-card{padding:var(--space-10)}.project-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.project-info{display:flex;flex-direction:column;gap:var(--space-5)}.featured-project-title{font-size:var(--text-4xl);font-weight:700;color:var(--color-black);margin-bottom:var(--space-2)}.featured-project-description{font-size:var(--text-lg);color:var(--color-gray-700);line-height:1.7}.features-section{background-color:#00000008;border:1px solid rgba(0,0,0,.1);padding:var(--space-5);border-radius:var(--border-radius-sm)}.features-label{font-size:var(--text-xs);color:var(--color-blue);letter-spacing:.1em;margin-bottom:var(--space-3);font-weight:600}.features-list{list-style:none;padding:0}.features-list li{padding-left:var(--space-5);margin-bottom:var(--space-2);position:relative;color:var(--color-gray-700);font-size:var(--text-sm);line-height:1.6}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--color-green);font-weight:700}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.project-actions .btn{display:flex;align-items:center;gap:var(--space-2)}.project-preview{position:relative;aspect-ratio:16 / 10;border:var(--border-width) solid var(--color-black);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.preview-image:hover{transform:scale(1.05)}.preview-placeholder{text-align:center;padding:var(--space-8)}.preview-icon{color:var(--color-blue);margin-bottom:var(--space-4);opacity:.5}.preview-placeholder p{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:600;letter-spacing:.1em}.preview-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-blue);text-decoration:underline}.preview-link:hover{color:var(--color-green)}@media(max-width:968px){.project-content-grid{grid-template-columns:1fr}.project-preview{order:-1}.featured-project-title{font-size:var(--text-3xl)}.project-actions{flex-direction:column}.project-actions .btn{width:100%;justify-content:center}}.skills-section .section-header{text-align:center;margin-bottom:var(--space-16)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.skill-category{padding:var(--space-8)}.category-title-skill{font-size:var(--text-xl);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-6);color:var(--color-white);text-transform:uppercase}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.about-section{color:var(--color-black)}.about-section .section-header{text-align:center;margin-bottom:var(--space-16)}.about-section .section-title{color:var(--color-black)}.about-content{max-width:900px;margin:0 auto}.about-bio{margin-bottom:var(--space-16);text-align:center}.bio-text{font-size:var(--text-xl);line-height:1.8;color:var(--color-gray-700)}.timeline{position:relative;padding-left:var(--space-12)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-blue),var(--color-green))}.timeline-item{position:relative;margin-bottom:var(--space-10);padding-bottom:var(--space-10)}.timeline-item:last-child{margin-bottom:0;padding-bottom:0}.timeline-marker{position:absolute;left:calc(var(--space-12) * -1 - 6px);top:4px;width:14px;height:14px;border-radius:50%;background-color:var(--color-green);border:3px solid var(--color-white);box-shadow:0 0 0 2px var(--color-black)}.timeline-content{background-color:var(--color-gray-50);border:var(--border-width) solid var(--color-black);padding:var(--space-6);transition:all var(--transition-base)}.timeline-content:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal)}.timeline-year{font-size:var(--text-sm);font-weight:600;color:var(--color-blue);letter-spacing:.1em;margin-bottom:var(--space-2)}.timeline-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-black);margin-bottom:var(--space-2)}.timeline-description{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.7}@media(max-width:768px){.bio-text{font-size:var(--text-lg)}.timeline{padding-left:var(--space-8)}.timeline-marker{left:calc(var(--space-8) * -1 - 6px)}.timeline-title{font-size:var(--text-xl)}}.contact-section .section-header{text-align:center;margin-bottom:var(--space-16)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.contact-card{padding:var(--space-8);text-align:center}.contact-title{font-size:var(--text-lg);font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-6);color:var(--color-green)}.social-links{display:flex;flex-direction:column;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(255,255,255,.2);background-color:#ffffff08;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em}.social-link:hover{background-color:var(--color-green);color:var(--color-black);border-color:var(--color-green);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-green)}.social-icon{font-size:var(--text-xl)}.email-link{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--color-white);transition:color var(--transition-fast);padding:var(--space-4)}.email-link:hover{color:var(--color-green)}.email-icon{font-size:var(--text-2xl)}.resume-btn{width:100%;justify-content:center;display:flex;align-items:center;gap:var(--space-2)}.footer{text-align:center;padding-top:var(--space-12);border-top:1px solid rgba(255,255,255,.1)}.footer p{font-size:var(--text-sm);color:var(--color-gray-500);letter-spacing:.05em}@media(max-width:768px){.contact-content{grid-template-columns:1fr}}.App{min-height:100vh}main{position:relative}section{scroll-margin-top:80px}