@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-beige: #FAF7F2;--color-dark: #1C1917;--color-burnt-orange: #C2410C;--color-olive: #3F6212;--color-dark-bg: #1a1a2e;--color-dark-secondary: #16213e;--color-dark-accent: #0f3460;--color-purple: #7b68ee;--color-purple-light: #b8b8ff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-dark-bg);color:#fff;line-height:var(--line-height-normal);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);color:#fff}h1{font-size:var(--font-size-4xl);font-weight:700}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{line-height:var(--line-height-relaxed);color:#ffffffe6;opacity:.85}a{color:inherit;text-decoration:none;transition:all var(--transition-base)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0;min-height:100vh;display:flex;align-items:center}.section-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-purple-light);margin-bottom:var(--spacing-md);font-weight:600}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-dark);background:transparent;color:var(--color-dark);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:center}.btn:hover{background:var(--color-dark);color:var(--color-beige);transform:translateY(-2px)}.btn-primary{background:var(--color-burnt-orange);border-color:var(--color-burnt-orange);color:var(--color-beige)}.btn-primary:hover{background:transparent;color:var(--color-burnt-orange);border-color:var(--color-burnt-orange)}.link{position:relative;color:var(--color-dark);font-weight:500}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-burnt-orange);transition:width var(--transition-base)}.link:hover:after{width:100%}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{padding:var(--spacing-md);border:1px solid rgba(28,25,23,.1);transition:all var(--transition-base);background:#ffffff4d}.card:hover{border-color:var(--color-burnt-orange);transform:translateY(-4px);box-shadow:0 8px 24px #1c191714}@media(max-width:768px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.5rem;--spacing-xl: 4rem;--spacing-lg: 3rem}.section{min-height:auto;padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all var(--transition-base);background:transparent}.navigation.scrolled{background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000004d;padding:1rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.1em}.nav-right{display:flex;align-items:center;gap:2rem}.nav-menu{display:flex;gap:2rem;list-style:none;align-items:center}.nav-link{position:relative;color:#fffc;text-decoration:none;font-weight:400;font-size:1rem;padding:.5rem 0;transition:color var(--transition-base)}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a90e2,#7b68ee)}.nav-social{display:flex;gap:.75rem}.social-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.9rem;transition:all var(--transition-base)}.social-icon:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-2px)}.nav-cta{padding:.75rem 1.5rem;border:2px solid white;color:#fff;text-decoration:none;font-weight:500;transition:all var(--transition-base);border-radius:4px}.nav-cta:hover{background:#fff;color:#1a1a2e}@media(max-width:1024px){.nav-container{padding:0 2rem}.nav-right,.nav-menu{gap:1rem}.nav-social{display:none}}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-menu{gap:.75rem}.nav-link{font-size:.875rem}.nav-cta{padding:.5rem 1rem;font-size:.875rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:transparent;overflow:hidden;padding:0}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;max-width:1400px;padding:0 3rem}.hero-content{color:#fff}.hero-badge{display:inline-block;padding:.75rem 1.5rem;background:#7b68ee33;border:1px solid rgba(123,104,238,.4);border-radius:4px;font-size:.9rem;margin-bottom:2rem;color:#b8b8ff;font-weight:500}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}.hero-title .highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;line-height:1.8;color:#ffffffb3;margin-bottom:2.5rem;max-width:500px}.hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:2px solid white;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all var(--transition-base);position:relative;overflow:hidden}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:left .3s ease;z-index:-1}.hero-btn:hover:before{left:0}.hero-btn:hover{color:#1a1a2e;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.btn-arrow{transition:transform var(--transition-base)}.hero-btn:hover .btn-arrow{transform:translate(5px)}.hero-image{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.floating-astronaut{position:relative;z-index:3;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.astronaut-img{width:350px;height:auto;filter:drop-shadow(0 20px 60px rgba(123,104,238,.5))}.rocket{position:absolute;top:15%;right:10%;font-size:3rem;z-index:4;animation:rocketFloat 4s ease-in-out infinite}@keyframes rocketFloat{0%,to{transform:translate(0) rotate(-15deg)}50%{transform:translate(20px,-20px) rotate(-10deg)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center;padding:0 2rem}.hero-title{font-size:2.5rem}.hero-description{margin-left:auto;margin-right:auto}.hero-image{height:400px}.astronaut-img{width:300px}}@media(max-width:768px){.hero-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-image{height:300px}.astronaut-img{width:220px}.rocket{font-size:2rem}}.about{background:#1a1a2e99;position:relative;z-index:1}.about-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:#ffffffe6}.about-content{max-width:800px;margin:0 auto}.about-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.about-text:last-child{margin-bottom:0}@media(max-width:768px){.about-text{font-size:var(--font-size-base)}}.projects-grid{margin-top:var(--spacing-lg)}.project-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-dark)}.project-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);flex-grow:1}.project-impact{padding:var(--spacing-sm);background:#c2410c14;border-left:3px solid var(--color-burnt-orange);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.impact-label{font-weight:600;color:var(--color-burnt-orange)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.tech-tag{padding:.25rem .75rem;background:#3f62121a;color:var(--color-olive);font-size:var(--font-size-sm);border-radius:2px;font-weight:500}.project-link{font-size:var(--font-size-base);font-weight:600;margin-top:auto;display:inline-block;width:fit-content}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.experience{background:#1a1a2e66;position:relative;z-index:1}.experience-timeline{max-width:900px;margin:var(--spacing-lg) auto 0;position:relative;padding-left:var(--spacing-lg)}.experience-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-burnt-orange),var(--color-olive))}.experience-item{position:relative;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.experience-item:last-child{margin-bottom:0;padding-bottom:0}.experience-marker{position:absolute;left:calc(-1 * var(--spacing-lg) - 6px);top:0;width:14px;height:14px;border-radius:50%;background:var(--color-burnt-orange);border:3px solid var(--color-beige);z-index:1}.experience-content{background:#ffffff80;padding:var(--spacing-md);border-left:3px solid transparent;transition:all var(--transition-base)}.experience-content:hover{border-left-color:var(--color-burnt-orange);background:#fffc}.experience-role{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:#fff}.experience-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.experience-org{font-weight:600;color:#b8b8ff}.experience-period{color:#ffffffb3;opacity:.8;font-size:var(--font-size-sm)}.experience-description{line-height:var(--line-height-relaxed);color:#ffffffd9}@media(max-width:768px){.experience-timeline{padding-left:var(--spacing-md)}.experience-marker{left:calc(-1 * var(--spacing-md) - 6px)}.experience-meta{flex-direction:column;gap:var(--spacing-xs)}}.skills-grid{margin-top:var(--spacing-lg)}.skill-group{padding:var(--spacing-md)}.skill-category{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-burnt-orange);font-weight:600}.skill-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);transition:transform var(--transition-fast)}.skill-item:hover{transform:translate(4px)}.skill-bullet{color:var(--color-olive);font-size:var(--font-size-lg);font-weight:700}.skill-name{color:var(--color-dark);font-weight:500}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.contact{background:#fff6}.contact-content{max-width:800px;margin:0 auto}.contact-intro{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.contact-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;color:var(--color-dark);transition:all var(--transition-base)}.contact-link:hover{transform:translateY(-4px);border-color:var(--color-burnt-orange)}.contact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#c2410c1a;border-radius:50%;flex-shrink:0}.contact-info{flex:1}.contact-platform{font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark);margin-bottom:.25rem}.contact-handle{font-size:var(--font-size-sm);color:var(--color-dark);opacity:.7;word-break:break-all}@media(max-width:768px){.contact-intro{font-size:var(--font-size-base)}.contact-links{grid-template-columns:1fr}}.App{min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow-x:hidden}.stars,.stars2,.stars3{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars{background:transparent;box-shadow:100px 100px #fff,200px 150px #fff,350px 80px #fff,450px 200px #fff,550px 120px #fff,650px 180px #fff,750px 90px #fff,850px 160px #fff,950px 110px #fff,1050px 190px #fff,150px 250px #fff,300px 300px #fff,500px 280px #fff,700px 320px #fff,900px 270px #fff,1100px 310px #fff,250px 400px #fff,450px 420px #fff,650px 380px #fff,850px 440px #fff,1050px 390px #fff,200px 500px #fff,400px 520px #fff,600px 480px #fff,800px 540px #fff,1000px 490px #fff,1200px 530px #fff;width:1px;height:1px;animation:animateStars 100s linear infinite}.stars2{background:transparent;box-shadow:150px 120px #fff,280px 180px #fff,420px 100px #fff,580px 220px #fff,720px 140px #fff,880px 200px #fff,1020px 110px #fff,180px 280px #fff,340px 320px #fff,520px 300px #fff,680px 340px #fff,840px 290px #fff,1000px 330px #fff,220px 420px #fff,400px 460px #fff,600px 400px #fff,780px 480px #fff,960px 430px #fff,1140px 470px #fff,260px 540px #fff,460px 580px #fff,660px 520px #fff,860px 600px #fff,1060px 550px #fff;width:2px;height:2px;animation:animateStars 150s linear infinite}.stars3{background:transparent;box-shadow:120px 140px #fff,310px 200px #fff,490px 130px #fff,670px 240px #fff,830px 170px #fff,1010px 230px #fff,190px 310px #fff,370px 350px #fff,550px 320px #fff,730px 370px #fff,910px 330px #fff,1090px 360px #fff,240px 450px #fff,440px 490px #fff,620px 430px #fff,800px 510px #fff,980px 460px #fff,1160px 500px #fff,290px 570px #fff,490px 610px #fff,690px 550px #fff,890px 630px #fff,1090px 580px #fff,130px 620px #fff;width:3px;height:3px;animation:animateStars 200s linear infinite}@keyframes animateStars{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}.footer p{color:var(--color-beige);opacity:.8;font-size:var(--font-size-sm)}