body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}section{scroll-margin-top:70px}.section-title{color:#333}@media (max-width:768px){.section-title{font-size:2rem}}.App{text-align:center}.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)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:1px solid #3b82f61a;box-shadow:0 2px 20px #0000004d;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo a{color:#3b82f6;font-size:1.8rem;font-weight:700;text-decoration:none;text-shadow:0 0 10px #3b82f64d;transition:all .3s ease}.logo a:hover{color:#60a5fa;text-shadow:0 0 15px #3b82f680}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#ffffffb3;font-size:1.1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.menu-toggle{cursor:pointer;display:none;flex-direction:column;gap:6px;padding:.5rem}.menu-toggle span{background-color:#3b82f6;box-shadow:0 0 5px #3b82f64d;display:block;height:2px;transition:all .3s ease;width:30px}.menu-toggle.active span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.menu-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1afa;border-bottom:1px solid #3b82f61a;box-shadow:0 4px 20px #0000004d;flex-direction:column;gap:1.5rem;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-links.active{opacity:1;transform:translateY(0);visibility:visible}.nav-links a{font-size:1.2rem;padding:.5rem 0;text-align:center}.nav-links a:after{display:none}}.hero{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 0;position:relative}.hero:before{top:0}.hero:after,.hero:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);box-shadow:0 0 20px #3b82f633;content:"";height:1px;left:0;position:absolute;right:0;z-index:3}.hero:after{bottom:0}.hero .background-gradient{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#3b82f626 0,#0000 50%),radial-gradient(circle at 30% 70%,#60a5fa1a 0,#0000 40%),radial-gradient(circle at 70% 30%,#93c5fd1a 0,#0000 40%)}.hero .background-gradient,.hero .rotating-gradients{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero .rotating-gradients{animation:rotate 20s linear infinite;background:radial-gradient(circle at 20% 20%,#3b82f614 0,#0000 25%),radial-gradient(circle at 80% 80%,#3b82f614 0,#0000 25%)}.particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.particle{animation:float 15s linear infinite;border-radius:50%;position:absolute}.particle.small{background-color:#3b82f680;box-shadow:0 0 10px #3b82f64d;height:2px;width:2px}.particle.medium{background-color:#60a5fa66;box-shadow:0 0 15px #60a5fa66;height:4px;width:4px}.particle.large{animation:float 15s linear infinite,pulse 2s infinite;background-color:#93c5fd4d;box-shadow:0 0 20px #93c5fd4d;height:6px;width:6px}.particle.glow{animation:float 15s linear infinite,glow 2s infinite;background-color:#3b82f633;box-shadow:0 0 25px #3b82f680;height:8px;width:8px}@keyframes float{0%{opacity:0;transform:translateY(0) translateX(0) scale(1) rotate(0deg)}25%{opacity:.5;transform:translateY(-20px) translateX(10px) scale(1.2) rotate(90deg)}50%{opacity:1;transform:translateY(-40px) translateX(0) scale(1) rotate(180deg)}75%{opacity:.5;transform:translateY(-20px) translateX(-10px) scale(.8) rotate(270deg)}to{opacity:0;transform:translateY(0) translateX(0) scale(1) rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 25px #3b82f680}50%{box-shadow:0 0 35px #3b82f6b3}}.hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;min-height:1.2em;opacity:1;text-align:center;text-shadow:0 0 10px #3b82f64d;transform:translateY(0);width:100%}.highlight{color:#3b82f6;display:inline-block;position:relative;text-shadow:0 0 15px #3b82f680}.highlight:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);bottom:0;box-shadow:0 0 10px #3b82f680;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.hero.visible .highlight:after{transform:scaleX(1)}.hero-description{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem;max-width:600px;text-align:center}.hero-buttons,.hero-description{opacity:1;transform:translateY(0);width:100%}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.hero-btn{border-radius:4px;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn.primary{background-color:#3b82f6;color:#fff}.hero-btn.secondary{background-color:initial;border:1px solid #fff3;color:#fff}.hero-btn:hover{transform:translateY(-2px)}.hero-btn.primary:hover{background-color:#2563eb;box-shadow:0 0 20px #3b82f64d}.hero-btn.secondary:hover{border-color:#3b82f6;box-shadow:0 0 20px #3b82f61a;color:#3b82f6}.hero-scroll{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:1;transform:translateY(0);width:100%}.scroll-text{color:#ffffff80;font-size:.9rem}.scroll-icon{animation:bounce 2s infinite;color:#3b82f6}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.typing-text{animation:typing 5s steps(40),blink-caret .75s step-end infinite,pause 10s infinite;border-right:2px solid #3b82f6;display:inline-block;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}40%{width:100%}60%{width:100%}to{width:0}}@keyframes pause{0%,40%,to{animation-play-state:running}60%{animation-play-state:paused}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#3b82f6}}@media (max-width:768px){.hero{padding:60px 0}.hero-buttons{align-items:center;flex-direction:column}.hero-btn{max-width:300px;width:100%}}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:0 20px;position:relative;text-align:center;width:100%;z-index:2}.hero-content,.hero.visible .hero-buttons,.hero.visible .hero-content,.hero.visible .hero-description,.hero.visible .hero-scroll,.hero.visible .hero-title{opacity:1;transform:translateY(0)}.about{background:linear-gradient(180deg,#1a1a1af2,#1a1a1afa);overflow:hidden;padding:6rem 0;position:relative}.about:before{background:linear-gradient(90deg,#0000,#3b82f680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.about .container{margin:0 auto;max-width:1200px;padding:0 2rem}.about-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:2rem}.about-text{display:flex;flex-direction:column;gap:2rem}.about-intro{background:#1a1a1acc;border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:1.2rem;line-height:1.8;margin-bottom:2rem;padding:2rem;position:relative;text-shadow:0 1px 2px #0000004d}.about-highlights{grid-gap:2rem;display:grid;gap:2rem}.highlight-item{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;padding:1.5rem;transition:all .3s ease}.highlight-item:hover{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.highlight-icon{background:#3b82f61a;border-radius:8px;display:inline-block;font-size:2rem;margin-bottom:1rem;padding:.5rem}.highlight-item h3{color:#3b82f6;font-size:1.2rem;margin-bottom:.8rem;text-shadow:0 1px 2px #0003}.highlight-item p{color:#fff;line-height:1.6;text-shadow:0 1px 2px #0003}.about-skills{background:#1a1a1acc;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 20px #0003;height:fit-content;padding:2rem}.skills-title{color:#3b82f6;font-size:1.5rem;margin-bottom:2rem;position:relative;text-align:center}.skills-title:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.skill-category{background:#1a1a1a80;border:1px solid #3b82f61a;border-radius:12px;padding:1.5rem}.skill-category h4{border-left:2px solid #3b82f6;color:#3b82f6;font-size:1.1rem;margin-bottom:1rem;padding-left:.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{background:#3b82f633;color:#3b82f6;transform:translateY(-2px)}@media (max-width:768px){.about-content{gap:2rem}.about-content,.skills-grid{grid-template-columns:1fr}.about{padding:4rem 0}.about .container{padding:0 1rem}}.scroll-animation{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.scroll-animation.visible{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-down{opacity:0;transform:translateY(-20px);transition:opacity .6s ease,transform .6s ease}.fade-down.visible{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translateX(-20px);transition:opacity .6s ease,transform .6s ease}.fade-left.visible{opacity:1;transform:translateX(0)}.fade-right{opacity:0;transform:translateX(20px);transition:opacity .6s ease,transform .6s ease}.fade-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.projects{background:linear-gradient(180deg,#1a1a1af2,#1a1a1afa);overflow:hidden;padding:6rem 0;position:relative}.projects .container{margin:0 auto;max-width:1200px;padding:0 2rem}.projects-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.project-card{background:#1a1a1a80;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#3b82f666;box-shadow:0 8px 30px #0000004d;transform:translateY(-5px)}.project-image{border-bottom:1px solid #3b82f633;height:200px;object-fit:cover;width:100%}.project-content{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;padding:2rem}.project-title{color:#3b82f6;font-size:1.5rem;margin-bottom:.5rem}.project-description{color:#fff;flex-grow:1;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.tech-tag:hover{background:#3b82f633;color:#3b82f6;transform:translateY(-2px)}.project-stats{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;font-size:.95rem;font-weight:500;padding:.8rem}.project-contributions,.project-impact{margin-bottom:1.5rem}.project-contributions h4,.project-impact h4{color:#3b82f6;font-size:1.1rem;margin-bottom:.8rem}.project-contributions p,.project-impact p{color:#fff;line-height:1.6}.project-links{margin-top:auto;padding-top:1rem}.project-link{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#3b82f633;color:#3b82f6;transform:translateY(-2px)}@media (max-width:768px){.projects{padding:4rem 0}.projects .container{padding:0 1rem}.projects-grid{grid-template-columns:1fr}}.skills{background:linear-gradient(180deg,#1a1a1af2,#1a1a1afa);overflow:hidden;padding:6rem 0;position:relative;width:100%}.skills .container{margin:0;max-width:100%;padding:0}.section-title{padding:0 2rem}.marquee-container{background:#1a1a1ab3;border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;padding:2rem 0;position:relative;width:100%}.skills-category{margin-bottom:3rem;padding:0 1rem}.category-title{color:#3b82f6;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;text-align:center;text-shadow:0 2px 4px #0003}.category-title:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.marquee{animation:scroll 20s linear infinite;display:flex;gap:2rem;padding:1rem;width:fit-content}.marquee:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skill-item{align-items:center;align-self:center;background:#1a1a1a80;border:1px solid #3b82f633;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1.2rem;position:relative;transition:all .3s ease}.skill-item:before{background:linear-gradient(45deg,#3b82f61a,#0000);border-radius:12px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.skill-item:hover{border-color:#3b82f666;box-shadow:0 4px 15px #0003;transform:scale(1.05)}.skill-item:hover:before{opacity:1}.skill-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:48px;object-fit:contain;transition:transform .3s ease;width:48px}.skill-item:hover .skill-logo{transform:scale(1.1)}.skill-name{color:#fff;font-size:1rem;font-weight:500;text-align:center;text-shadow:0 1px 2px #0003;transition:color .3s ease}.skill-item:hover .skill-name{color:#3b82f6}@media (max-width:768px){.skills{padding:4rem 0}.section-title{font-size:2rem;padding:0 1rem}.category-title{font-size:1.5rem}.skill-item{min-width:100px;padding:1rem}.skill-logo{height:40px;width:40px}.skill-name{font-size:.9rem}}.contact{background:linear-gradient(180deg,#1a1a1af2,#1a1a1afa);overflow:hidden;padding:6rem 0;position:relative}.contact .container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#3b82f6;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{align-items:flex-start;background:#1a1a1ab3;border:1px solid #3b82f64d;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{border-color:#3b82f680;box-shadow:0 4px 20px #0000004d;transform:translateX(5px)}.contact-icon{align-items:center;background:#3b82f633;border-radius:8px;color:#3b82f6;display:flex;font-size:2rem;height:3rem;justify-content:center;padding:.5rem;width:3rem}.contact-details h3{color:#3b82f6;font-size:1.2rem;margin-bottom:.5rem;text-align:start}.contact-link{color:#fff;font-size:1rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#3b82f6;text-decoration:underline}.contact-form{background:#1a1a1ab3;border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#3b82f6;display:block;font-size:1rem;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#1a1a1a80;border:1px solid #3b82f633;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.submit-status{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.submit-status.success{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.submit-status.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.submit-btn:disabled{background:linear-gradient(135deg,#93c5fd,#60a5fa);cursor:not-allowed}.submit-btn:not(:disabled):hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.submit-btn:not(:disabled):active{transform:translateY(0)}@keyframes button-loading{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.submit-btn:disabled:after{animation:button-loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact{padding:4rem 0}.contact .container{padding:0 1rem}}.footer{background:#333;color:#fff;padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-info p{color:#ccc;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#007bff}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}
/*# sourceMappingURL=main.4f31381c.css.map*/