@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}.App{background:#0a0a0a;min-height:100vh}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-primary:#0f8;--accent-secondary:#08f;--gradient:linear-gradient(135deg, #0f8, #08f)}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{background:var(--bg-primary);color:var(--text-primary);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}*{color:inherit}h1,h2,h3,h4,h5,h6,p,span,a,li,button,div{color:#fff;font-family:Space Grotesk,sans-serif;position:relative}.navigation{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border-bottom:1px solid #00ff881a;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0}.nav-logo{color:#fff;z-index:10000;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.nav-links{z-index:10000;gap:2rem;display:flex}.nav-links a{color:#fff;cursor:pointer;z-index:10000;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:var(--gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent-primary)}.nav-social{gap:1rem;display:flex}.nav-social a{color:var(--text-primary);cursor:pointer;transition:all .3s}.nav-social a:hover{color:var(--accent-primary);transform:translateY(-3px)}@media (width<=768px){.navigation{padding:1rem 5%}.nav-links{display:none}.nav-logo{font-size:1.2rem}.nav-social{display:none}}.mobile-menu-button{cursor:pointer;z-index:10001;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.hamburger{flex-direction:column;justify-content:space-between;width:28px;height:20px;transition:all .3s;display:flex;position:relative}.hamburger span{background:var(--accent-primary);border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(8.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;opacity:0;pointer-events:none;background:#0a0a0afa;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu-content{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.mobile-menu-content a{color:var(--text-primary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.mobile-menu-content a:after{content:"";background:var(--gradient);width:0;height:3px;transition:width .3s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mobile-menu-content a:active,.mobile-menu-content a:hover{color:var(--accent-primary)}.mobile-menu-content a:active:after,.mobile-menu-content a:hover:after{width:100%}.mobile-menu-social{border-top:1px solid #ffffff1a;gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}.mobile-menu-social a{color:var(--text-primary);font-size:1rem;transition:all .3s}.mobile-menu-social a:active,.mobile-menu-social a:hover{color:var(--accent-primary);transform:scale(1.1)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.2}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.hero-section{pointer-events:none;width:100%;max-width:1920px;height:100vh;margin:auto;position:relative;overflow:visible}.hero-stars-bg{z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000),radial-gradient(1px 1px at 45% 20%,#0f8c,#0000),radial-gradient(1px 1px at 75% 45%,#08fc,#0000),radial-gradient(2px 2px at 25% 65%,#0f89,#0000),radial-gradient(1px 1px at 85% 85%,#0088ffb3,#0000);background-size:300% 300%;width:100%;height:100%;animation:5s ease-in-out infinite twinkleStars;position:absolute;top:0;left:0}@keyframes twinkleStars{0%,to{opacity:.5;background-position:0 0}50%{opacity:.9;background-position:100% 100%}}.hero-container{pointer-events:none;width:90%;max-width:1920px;height:100%;margin:auto;position:relative;overflow:visible}.hero-container *{pointer-events:auto}.hero-intro{z-index:1000;text-align:left;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.hero-intro h2{color:#0f8;letter-spacing:3px;text-shadow:0 0 30px #0f8c,0 0 10px #0f8;margin:0 0 10px;font-size:22px;font-weight:300;animation:.8s ease-out forwards fadeInUp,3s ease-in-out infinite textGlowGreen;opacity:1!important}.hero-intro h1{letter-spacing:4px;text-shadow:0 0 30px #fffc,0 0 60px #0f86;background:linear-gradient(135deg,#fff,#0f8);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #0f89);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:32px;animation:.8s ease-out .2s forwards fadeInUp,3s ease-in-out infinite textGlow;color:#fff!important;opacity:1!important}.hero-intro h1 span{font-weight:300;display:block;color:#fff!important;opacity:1!important}.hero-info{z-index:1000;text-align:right;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.hero-info h2{text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#fff,#08f);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #08f9);-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1.2;animation:.8s ease-out .3s forwards fadeInUp,3s ease-in-out 1s infinite textGlow;color:#fff!important;opacity:1!important}.hero-info h3{letter-spacing:3px;text-shadow:0 0 30px #0f8c,0 0 10px #0f8;margin:0;font-size:22px;font-weight:300;animation:.8s ease-out .5s forwards fadeInUp,3s ease-in-out 1.5s infinite textGlowGreen;color:#0f8!important;opacity:1!important}.hero-info-title{text-transform:uppercase;letter-spacing:3px;z-index:1000;white-space:nowrap;margin:0;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;line-height:1.3;color:#fff!important}.hero-info-subtitle{letter-spacing:2px;text-shadow:0 0 30px #0f8c,0 0 10px #0f8;white-space:nowrap;margin:0;font-size:22px;font-weight:300;color:#0f8!important;opacity:1!important}.hero-title-1,.hero-title-2{-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #0f89);z-index:1000;background:linear-gradient(135deg,#0f8,#08f);-webkit-background-clip:text;background-clip:text;animation:8s infinite textSlide;position:absolute;opacity:1!important}.hero-title-2{opacity:0;animation-delay:4s}@keyframes textSlide{0%,40%{opacity:1;transform:translateY(0)}50%,90%{opacity:0;transform:translateY(-20px)}to{opacity:0;transform:translateY(20px)}}.hero-mobile-image-container{justify-content:center;align-items:center;width:100vw;max-width:100%;margin:0 auto;padding:0;display:flex;position:relative}.hero-mobile-image{object-fit:cover;object-position:center;filter:drop-shadow(0 10px 30px #00ff884d);width:100vw;max-width:100%;height:100vh;max-height:100vh}@media (width<=768px){.hero-section{will-change:transform;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:0;display:flex;overflow:hidden}.hero-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;min-height:auto;display:flex}.hero-intro,.hero-info{text-align:center;width:100%;position:static;transform:none}.hero-intro h2{letter-spacing:2px;margin-bottom:1rem;font-size:16px}.hero-intro h1{white-space:normal;letter-spacing:2px;font-size:2.5rem;line-height:1.2}.hero-info-title{white-space:normal;letter-spacing:2px;font-size:1.8rem;line-height:1.3}.hero-info h3,.hero-info-subtitle{letter-spacing:2px;white-space:normal;font-size:16px}.hero-stars-bg{opacity:.4}.hero-intro h1,.hero-info-title{will-change:transform}.hero-mobile-image-container{width:100vw;height:100vh;padding:0;position:absolute;top:0;left:0}.hero-mobile-image{object-fit:cover;width:100%;height:100%}}@media (width<=480px) and (orientation:portrait){.hero-mobile-image{object-fit:cover;object-position:center top}}@media (width<=768px) and (orientation:landscape){.hero-mobile-image{object-fit:cover;object-position:center center}.hero-section{height:100vh}}@media (width>=481px) and (width<=768px){.hero-mobile-image-container{width:100vw;height:100vh}.hero-mobile-image{object-fit:cover;width:100%;height:100%}}@media screen and (width>=768px){.hero-intro h2{font-size:28px}.hero-intro h1{font-size:45px;line-height:45px}.hero-info h3{font-size:28px}.hero-info-title{font-size:60px;line-height:60px}}@media screen and (width>=1025px){.hero-intro{top:50%;left:5%;transform:translateY(-50%)}.hero-info{top:50%;right:2%;transform:translateY(-50%)}}@media screen and (width>=1600px){.hero-intro{left:8%}.hero-intro h2{font-size:38px}.hero-intro h1{font-size:65px;line-height:65px}.hero-info{right:3%}.hero-info h3{font-size:38px}.hero-info-title{font-size:80px;line-height:80px}}.loading-screen{background:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.loader{border:4px solid var(--bg-secondary);border-top:4px solid var(--accent-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 20px #ffffff80}50%{text-shadow:0 0 30px #fffc,0 0 40px #63e2d666}}@keyframes textGlowGreen{0%,to{text-shadow:0 0 20px #0f89,0 0 10px #0f8c}50%{text-shadow:0 0 40px #00ff88e6,0 0 60px #0f89,0 0 80px #0f86}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.stars-background{opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000);background-size:200% 200%;width:100%;height:100%;animation:4s ease-in-out infinite twinkle;position:absolute}.stars-background:before{content:"";background-image:radial-gradient(1px 1px at 10% 20%,#63e2d6cc,#0000),radial-gradient(1px 1px at 70% 40%,#ec489999,#0000),radial-gradient(1px 1px at 40% 60%,#63e2d6b3,#0000),radial-gradient(1px 1px at 85% 80%,#ec489980,#0000),radial-gradient(1px 1px at 25% 15%,#63e2d699,#0000);background-size:250% 250%;width:100%;height:100%;animation:3s ease-in-out infinite reverse twinkle;position:absolute}@media (width<=768px){.hero{text-align:center;justify-content:center}.hero-content{max-width:100%}.hero-cta{justify-content:center}.btn{padding:.8rem 1.5rem;font-size:.9rem}}section{min-height:100vh;margin:0;padding:5rem 5%;position:relative}@media (width<=768px){section{min-height:auto;padding:4rem 5%}}.section{justify-content:center;align-items:center;min-height:100vh;padding:5rem 5%;display:flex}@media (width<=768px){.section{min-height:auto;padding:4rem 5%}}.section-title{text-align:center;margin-bottom:4rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}@media (width<=768px){.section-title{margin-bottom:2.5rem;font-size:2rem}}.about-section{background:0 0;align-items:center;min-height:100vh;padding:0;display:flex}.about-layout{grid-template-columns:40% 60%;align-items:center;width:100%;min-height:100vh;display:grid}.about-avatar-space{min-height:100vh}.about-right-content{max-width:100%;padding:5rem 6% 5rem 2rem}.about-title{color:var(--accent-primary);letter-spacing:3px;margin-bottom:2rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.about-content{background:0 0;border:none;border-radius:0;margin-bottom:3rem;padding:0}.about-text{max-width:100%;margin:0}.about-intro{color:var(--text-primary);margin-bottom:0;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:400;line-height:1.8}.about-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.8}.highlight{color:var(--accent-primary);font-weight:600}.about-stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:3rem;display:grid}.stat h3{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem)}.stat p{color:var(--text-secondary);font-size:1rem}@media (width<=1024px){.about-layout{grid-template-columns:1fr}.about-avatar-space{display:none}.about-right-content{padding:5rem 5%}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-section{min-height:auto;padding:4rem 0}.about-right-content{padding:0 5%}.about-title{margin-bottom:1.5rem;font-size:2rem}.about-intro{font-size:1.1rem;line-height:1.7}.about-description{margin-bottom:1.2rem;font-size:1rem;line-height:1.7}.about-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.stat h3{font-size:2rem}.stat p{font-size:.9rem}}.skills-section{margin-top:3rem}.skills-title{text-align:left;color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.skill-category{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a66;border:1px solid #00ff881a;border-radius:15px;padding:1.5rem;transition:all .3s}.skill-category:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 10px 30px #0f83}.skill-category h4{color:var(--accent-primary);margin-bottom:1rem;font-size:1.1rem}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:var(--text-primary);background:#00ff881a;border:1px solid #0f83;border-radius:15px;padding:.4rem .8rem;font-size:.85rem;transition:all .3s}.skill-tag:hover{border-color:var(--accent-primary);background:#0f83;transform:translateY(-2px)}.projects-section{background:0 0;padding-left:40%}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;display:grid}@media (width<=1024px){.projects-section{padding-left:5%;padding-right:5%}.projects-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.projects-section{padding:4rem 5%}.projects-grid{gap:1.5rem}.project-card-enhanced{padding:1.5rem}.project-card-enhanced h3{font-size:1.5rem}.project-year{padding:.25rem .8rem;font-size:.8rem}.project-subtitle{font-size:.95rem}.project-description{font-size:.95rem;line-height:1.6}.tech-tag{padding:.3rem .8rem;font-size:.8rem}.project-link{font-size:.95rem}}.project-card-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a99;border:1px solid #00ff881a;border-radius:25px;flex-direction:column;height:100%;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.project-card-enhanced:hover{border-color:var(--accent-primary);transform:translateY(-10px);box-shadow:0 20px 50px #0f83}.project-header{margin-bottom:1.5rem}.project-year{background:var(--gradient);color:var(--bg-primary);border-radius:20px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.project-card-enhanced h3{color:var(--accent-primary);margin-bottom:.5rem;font-size:1.8rem}.project-subtitle{color:var(--text-secondary);font-size:1rem;font-style:italic}.project-body{flex:1;margin-bottom:1.5rem}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:var(--accent-secondary);background:#0088ff1a;border:1px solid #0088ff4d;border-radius:15px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.project-footer{border-top:1px solid #ffffff1a;padding-top:1.5rem}.project-link{color:var(--accent-primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{color:var(--text-primary);gap:.8rem}.project-link svg{transition:transform .3s}.project-link:hover svg{transform:translate(2px,-2px)}.contact-section{background:0 0;padding-left:40%}.contact-content{text-align:center;max-width:1000px;margin:0 auto}@media (width<=1024px){.contact-section{padding-left:5%;padding-right:5%}.contact-methods{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.contact-section{padding:4rem 5%}.contact-description{margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.contact-methods{margin-bottom:2.5rem}.contact-card{padding:2rem 1.5rem}.contact-icon{width:60px;height:60px;margin-bottom:1rem}.contact-card h3{font-size:1.3rem}.contact-card p{font-size:.95rem}.btn-large{padding:1rem 2rem;font-size:1rem}}.contact-description{color:var(--text-secondary);margin-bottom:4rem;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.8}.contact-methods{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);background:#0a0a0a99;border:1px solid #00ff881a;border-radius:25px;flex-direction:column;align-items:center;padding:2.5rem 2rem;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--accent-primary);transform:translateY(-10px);box-shadow:0 20px 50px #0f83}.contact-icon{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;display:flex}.contact-icon svg{color:var(--bg-primary)}.contact-card h3{margin-bottom:.5rem;font-size:1.5rem}.contact-card p{color:var(--text-secondary);font-size:1rem}.contact-cta{margin-top:3rem}.btn-large{padding:1.2rem 3rem;font-size:1.1rem}.fade-in{opacity:0;transform:translateY(50px)}.container{max-width:1200px;margin:0 auto}.btn{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{background:var(--gradient);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ff884d}.btn-secondary{color:var(--text-primary);border:2px solid var(--accent-primary);background:0 0}.btn-secondary:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-3px)}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skills-section-wrapper{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:5rem 5% 5rem 40%;display:flex}.skills-container{width:100%;max-width:1400px;margin:0 auto}@media (width<=1024px){.skills-section-wrapper{background:#0a0a0a;padding:5rem 5%}.skills-grid{grid-template-columns:1fr}}.skills-section-title{text-align:center;letter-spacing:3px;margin-bottom:4rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.skills-content{width:100%}@media (width<=1024px){.skills-section-wrapper{padding:5rem 5%}.skills-grid{grid-template-columns:1fr}}@media (width<=768px){.skills-section-wrapper{padding:4rem 5%}.skills-section-title{margin-bottom:2rem;font-size:2rem}.skills-grid{gap:1.2rem}.skill-category{padding:1.2rem}.skill-category h4{margin-bottom:.8rem;font-size:1rem}.skill-tag{padding:.3rem .7rem;font-size:.8rem}}@media (width>=769px){.mobile-avatar-container{display:none}}@media (width<=768px){button,a{min-width:44px;min-height:44px}.project-card-enhanced:hover,.skill-category:hover,.contact-card:hover{transform:none}.project-card-enhanced:active,.contact-card:active{transform:scale(.98)}button:active{transform:scale(.95)}*{transition-duration:.2s!important;animation-duration:0s!important}.hamburger,.hamburger span,.mobile-menu{animation-duration:initial!important;transition-duration:.3s!important}}@media (width<=1024px){.custom-cursor,.custom-cursor-dot{display:none!important}*{cursor:default!important}a,button{cursor:pointer!important}}