:root{--text-color:#fff;--text-secondary:#fff;--accent-color:#00b894;--secondary-color:#0984e3;--grid-color:#fff6;--card-background:#ffffff0d;--section-padding:4rem 2rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1a1a1a;--secondary-color:#5f00b8;--accent-color:#092de3;--text-color:#f2f2f2c5;--text-secondary:#f2f2f2c5;--background-color:#0a0a0a;--card-background:#1a1a1acc;--section-padding:5rem 0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--background-color);color:#f2f2f2c5;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{animation:gridShift 10s ease-in-out infinite;background:linear-gradient(90deg,#5f00b814 1px,#0000 0),linear-gradient(180deg,#5f00b814 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes gridShift{0%,to{background-position:0 0}50%{background-position:25px 25px}}.App{background:#0000;display:flex;flex-direction:column;min-height:100vh;position:relative}main{flex:1 1;width:100%}main,section{background:#0000;position:relative;z-index:1}section{padding:5rem 0;padding:var(--section-padding)}h1,h2,h3{color:#f2f2f2c5;color:var(--text-color);font-weight:700;line-height:1.2}h1{font-size:3.5rem;margin-bottom:1rem}h2{font-size:2.5rem;margin-bottom:2rem}h3{font-size:1.75rem}h3,p{margin-bottom:1rem}p{color:#f2f2f2c5;color:var(--text-secondary)}a{color:#5f00b8;color:var(--secondary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#092de3;color:var(--accent-color)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;z-index:1}.hero,.hero-content{background:#0000;padding:2rem;position:relative}.hero-content{max-width:800px;text-align:center;z-index:2}.hero-title{background:#0000;margin-bottom:2rem}.greeting{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.greeting-text{animation:slideUp .5s ease forwards;animation-delay:.2s;font-size:3rem;opacity:0;transform:translateY(20px)}.name-text{filter:drop-shadow(0 0 10px rgba(95,0,184,.3));font-size:3.5rem;position:relative}.name-text,.name-text:before{-webkit-text-fill-color:#0000;animation:gradientMove 3s linear infinite;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto}.name-text:before{content:attr(data-text);filter:blur(10px) brightness(2);left:0;position:absolute;top:0;z-index:-1}.typewriter-text{animation:fadeIn .5s ease forwards;animation-delay:.8s;color:var(--text-secondary);font-size:1.8rem;margin-top:1rem;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{animation:fadeInUp .5s ease forwards;animation-delay:.8s;background:#0000;margin-bottom:3rem;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle p{align-items:center;display:flex;gap:.5rem;justify-content:center;line-height:1.2}.highlight{display:inline-block}.highlight:after{background:var(--secondary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.highlight:hover:after{transform:scaleX(1);transform-origin:left}.separator{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:1.2rem;line-height:1;margin:0 .5rem;position:relative;top:-12px}.hero-cta{animation:fadeIn .5s ease forwards;animation-delay:1.2s;margin-top:2rem;opacity:0;width:100%}.hero-cta,.scroll-arrow{align-items:center;display:flex;justify-content:center;position:relative}.scroll-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5f00b81a;border:2px solid #5f00b84d;border-radius:50%;box-shadow:0 0 20px #5f00b833,inset 0 0 20px #5f00b81a;cursor:pointer;height:50px;margin:0 auto;transition:all .3s ease;width:50px}.arrow-down,.scroll-arrow{animation:pulse 2s ease-in-out infinite}.arrow-down{border-bottom:2px solid var(--text-color);border-right:2px solid var(--text-color);display:inline-block;height:20px;margin:0;opacity:.8;padding:0;position:relative;transform:rotate(45deg);transform-origin:center;width:20px;will-change:transform}@keyframes bounce{0%{transform:rotate(45deg) translateZ(0)}50%{transform:rotate(45deg) translate3d(0,-6px,0)}to{transform:rotate(45deg) translateZ(0)}}.scroll-arrow:hover{animation:none;background:#5f00b833;border-color:#5f00b8cc;box-shadow:0 0 30px #5f00b880,0 0 60px #5f00b84d,inset 0 0 30px #5f00b833;transform:translateY(5px) scale(1.1)}.scroll-arrow:hover .arrow-down{animation:none;opacity:1}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffff1a}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 0 0 #fff0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{min-height:100vh;padding:2rem 1rem}.hero-content{padding:0}.name-text{font-size:2.5rem;line-height:1.2;text-align:center}.typewriter-text{font-size:1.1rem;margin-top:.5rem;text-align:center}.hero-subtitle p{flex-wrap:wrap;font-size:1rem;gap:.25rem;justify-content:center}.highlight{font-size:1rem;padding:.25rem .5rem}.separator{font-size:1rem;margin:0 .25rem;top:-10px}.scroll-arrow{height:40px;width:40px}.arrow-down{height:16px;width:16px}.gradient-sphere{height:150px;width:150px}}.about{background:#0000;padding:4rem 2rem;position:relative;z-index:1}.about:before{background:linear-gradient(to right,#0000,var(--secondary-color),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.about-content{background:#0000;margin:0 auto;max-width:800px}.about h2{filter:drop-shadow(0 0 10px rgba(95,0,184,.4));font-size:3rem;margin-bottom:3rem;position:relative;text-align:center}.about h2,.about h2:before{-webkit-text-fill-color:#0000;animation:gradientMove 3s linear infinite;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto}.about h2:before{content:"About Me";filter:blur(8px) brightness(1.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.about-grid{grid-gap:3rem;display:grid;gap:3rem}.about-grid,.about-section{background:#0000}.about-text{display:flex;flex-direction:column;gap:3rem}.about-intro{position:relative}.about-intro:after{background:var(--secondary-color);bottom:-1.5rem;content:"";height:3px;left:0;opacity:.5;position:absolute;width:60px}.highlight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5f00b80d;border:1px solid #5f00b833;border-radius:15px;box-shadow:0 8px 32px #5f00b81a,inset 0 1px 0 #ffffff1a;color:var(--text-color);font-size:1.4rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.highlight:hover{border-color:#5f00b866;box-shadow:0 12px 40px #5f00b833,0 0 30px #5f00b81a,inset 0 1px 0 #fff3;transform:translateY(-2px)}.about-philosophy h3{color:var(--text-color);display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;position:relative;text-shadow:0 0 10px #5f00b84d}.about-philosophy h3:after{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(to right,var(--secondary-color),#0000);bottom:-8px;box-shadow:0 0 10px #5f00b880;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes glow{0%{box-shadow:0 0 5px #5f00b84d}to{box-shadow:0 0 15px #5f00b8b3}}.about-philosophy p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}@media (max-width:768px){.about h2{font-size:2.5rem;margin-bottom:3rem}.highlight{font-size:1.2rem}}.scroll-animate{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-animate.animate-in{opacity:1}.scroll-animate.fadeUp{transform:translateY(50px)}.scroll-animate.fadeUp.animate-in{transform:translateY(0)}.scroll-animate.fadeLeft{transform:translateX(-50px)}.scroll-animate.fadeLeft.animate-in{transform:translateX(0)}.scroll-animate.fadeRight{transform:translateX(50px)}.scroll-animate.fadeRight.animate-in{transform:translateX(0)}.scroll-animate.scale{transform:scale(.8)}.scroll-animate.scale.animate-in{transform:scale(1)}.scroll-animate.slideDown{transform:translateY(-50px)}.scroll-animate.slideDown.animate-in{transform:translateY(0)}.scroll-animate.rotate{transform:rotateY(90deg)}.scroll-animate.rotate.animate-in{transform:rotateY(0)}.scroll-animate.stagger-1{transition-delay:.1s}.scroll-animate.stagger-2{transition-delay:.2s}.scroll-animate.stagger-3{transition-delay:.3s}.scroll-animate.stagger-4{transition-delay:.4s}.scroll-animate.stagger-5{transition-delay:.5s}.scroll-animate.stagger-6{transition-delay:.6s}@media (prefers-reduced-motion:no-preference){.parallax-element{transform:translateZ(0);will-change:transform}}.projects{background:#0000;padding:4rem 2rem;position:relative;z-index:1}.projects h2{-webkit-text-fill-color:#0000;animation:gradientMove 3s linear infinite;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:3rem;margin-bottom:3rem;text-align:center}@keyframes gradientMove{to{background-position:200%}}.projects-grid{grid-gap:2rem;background:#0000;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;height:100%;min-height:450px;overflow:hidden;padding:2rem;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:before{background:linear-gradient(135deg,#5f00b81a,#092de31a 50%,#5f00b81a);border-radius:15px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.project-card:hover:before{opacity:1}.project-card:hover{border:1px solid #5f00b866;box-shadow:0 25px 50px #0006,0 0 30px #5f00b84d,inset 0 1px 0 #fff3;transform:translateY(-15px) rotateX(5deg) rotateY(5deg) scale(1.02)}.project-card h3{color:var(--text-color);font-size:1.8rem;margin-bottom:1.5rem;min-height:2.5rem;position:relative;transition:all .3s ease}.project-card:hover h3{text-shadow:0 0 20px #5f00b899;transform:translateZ(20px)}.project-card p{color:var(--text-secondary);flex:1 1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;min-height:2rem}.tag{background-color:#c406f41a;border:1px solid #5f00b84d;border-radius:50px;color:var(--secondary-color);cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.25rem .75rem;position:relative;transition:all .3s ease;white-space:nowrap}.tag:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.tag:hover{background-color:#5f00b833;border-color:#5f00b899;box-shadow:0 5px 15px #5f00b866;transform:translateY(-2px) scale(1.05)}.tag:hover:before{left:100%}.project-link{background:var(--secondary-color);border-radius:25px;box-shadow:0 4px 15px #5f00b84d;color:var(--text-color);display:block;font-weight:500;margin-top:auto;padding:.8rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.project-link:hover{background:var(--accent-color);box-shadow:0 8px 25px #092de366;transform:translateY(-2px)}.project-link span{position:relative;z-index:1}@media (max-width:768px){.projects{padding:2rem 1rem}.projects h2{font-size:2rem;margin-bottom:1.5rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr;padding:0}.project-card{min-height:400px;padding:1.5rem}.project-card h3{font-size:1.5rem;margin-bottom:1rem;min-height:2rem}.project-card p{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.project-tags{gap:.4rem;margin-bottom:1.5rem}.tag{font-size:.8rem;padding:.2rem .6rem}.project-link{font-size:.9rem;padding:.7rem 1.2rem}}.footer{background:#0000;padding:2rem;position:relative;text-align:center;z-index:1}.footer-content{background:#0000;margin:0 auto;max-width:1200px}.social-links{background:#0000;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.social-links a{color:var(--text-secondary);font-size:1.5rem;transition:transform .3s ease,color .3s ease}.social-links a:hover{color:var(--secondary-color);transform:translateY(-3px)}.footer p{color:var(--text-secondary);font-size:.9rem}
/*# sourceMappingURL=main.13137101.css.map*/