*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.App{min-height:100vh;position:relative}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f23}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#64ffda,#00bcd4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4fd3b8,#0097a7)}section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float 6s ease-in-out infinite;background:#64ffda1a;border-radius:50%;position:absolute}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.floating-shape{background:linear-gradient(45deg,#64ffda08,#00bcd408,#64ffda0d);border-radius:50%;filter:blur(1px);position:absolute}.cursor-trail{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.trail-dot{background:radial-gradient(circle,#64ffdacc,#64ffda33);border-radius:50%;height:8px;position:absolute;transform:translate(-50%,-50%);width:8px}.glow-text{text-shadow:0 0 10px #64ffda80,0 0 20px #64ffda4d,0 0 30px #64ffda33}.animated-button{background:#0000;border:2px solid #64ffda;color:#64ffda;cursor:pointer;font-size:1rem;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.animated-button:before{background:linear-gradient(90deg,#0000,#64ffda33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.animated-button:hover:before{left:100%}.animated-button:hover{box-shadow:0 0 20px #64ffda80;color:#fff;transform:translateY(-2px)}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23e6;border-bottom:1px solid #64ffda1a;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-scrolled{background:#0f0f23f2;box-shadow:0 2px 20px #0000004d}.nav{align-items:center;display:flex;justify-content:center}.nav-logo{cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-links-centered{justify-content:center;width:100%}.nav-link{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:#64ffda;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.hero{padding-top:100px;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-subtitle{color:#64ffda;font-size:1.5rem;font-weight:300;margin-bottom:1rem}.hero-description{color:#8892b0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.animated-button.secondary{background:#64ffda1a;color:#fff}.scroll-indicator{bottom:2rem;color:#64ffda;font-size:1.5rem;left:50%;position:absolute;transform:translateX(-50%)}.highlight{color:#64ffda}.about{background:#1a1a2e80}.about-container{margin:0 auto;max-width:1200px}.section-title{font-size:2.5rem;font-weight:600;margin-bottom:3rem;text-align:center}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text p{color:#8892b0;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-stats{display:flex;gap:2rem;margin-top:2rem}.stat-item{background:#64ffda0d;border:1px solid #64ffda33;border-radius:10px;padding:1rem;text-align:center}.stat-number{color:#64ffda;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#8892b0;font-size:.9rem}.about-image,.image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{background:linear-gradient(45deg,#64ffda1a,#00bcd41a);border:2px solid #64ffda4d;border-radius:20px;height:300px;width:300px}.code-animation{color:#64ffda;font-family:Courier New,monospace;font-size:1.5rem}.skills-container{margin:0 auto;max-width:1200px}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.skill-card{background:#1a1a2ecc;border:1px solid #64ffda33;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.skill-icon{align-items:center;color:#64ffda;display:flex;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:60px}.skill-logo{border-radius:8px;height:50px;object-fit:contain;width:50px}.skill-name{color:#fff;font-size:1.2rem;margin-bottom:1rem}.skill-bar{background:#64ffda1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.skill-progress{background:linear-gradient(90deg,#64ffda,#00bcd4);border-radius:4px;height:100%}.skill-percentage{color:#64ffda;font-size:.9rem;font-weight:700}.skills-summary{margin-top:3rem;text-align:center}.skills-summary p{color:#8892b0;font-size:1.1rem;line-height:1.6}.projects{background:#1a1a2e80}.projects-container{margin:0 auto;max-width:1200px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#1a1a2ecc;border:1px solid #64ffda33;border-radius:15px;overflow:hidden;transition:all .3s ease}.project-image{height:200px;overflow:hidden}.project-placeholder{align-items:center;background:linear-gradient(45deg,#64ffda1a,#00bcd41a);display:flex;height:100%;justify-content:center;width:100%}.project-actual-image{border-radius:15px 15px 0 0;height:100%;object-fit:cover;width:100%}.project-icon{font-size:3rem}.project-content{padding:2rem}.project-title{color:#fff;font-size:1.5rem;margin-bottom:1rem;transition:color .3s ease}.project-description{color:#8892b0;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#64ffda1a;border:1px solid #64ffda4d;border-radius:20px;color:#64ffda;font-size:.9rem;padding:.3rem .8rem;transition:all .3s ease}.project-links{display:flex;gap:1rem}.project-link{color:#64ffda;font-weight:500;text-decoration:none;transition:all .3s ease}.contact-container{margin:0 auto;max-width:1000px;text-align:center}.contact-subtitle{color:#8892b0;font-size:1.2rem;margin-bottom:3rem}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea{background:#1a1a2ecc;border:2px solid #64ffda33;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#64ffda;box-shadow:0 0 10px #64ffda4d;outline:none}.form-textarea{min-height:120px;resize:vertical}.submit-btn{margin-top:1rem;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e}.error-message,.success-message{margin-bottom:1rem;padding:1rem;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444}.contact-info h3{color:#fff;font-size:1.5rem;margin-bottom:2rem}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{align-items:center;background:#1a1a2ecc;border:1px solid #64ffda33;border-radius:10px;color:#fff;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.social-icon{font-size:1.5rem}.social-name{font-weight:500}@media (max-width:1024px){.about-content,.contact-content{gap:3rem;grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){section{min-height:auto;padding:2rem 1rem}.animated-button{font-size:.9rem;max-width:280px;padding:12px 24px;width:100%}.nav{padding:.8rem 1rem}.nav-links{flex-wrap:wrap;gap:.8rem;justify-content:center}.nav-link{font-size:.9rem;padding:.5rem}.hero{padding-top:120px;text-align:center}.hero-title{font-size:2.2rem;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.2rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.section-title{font-size:2rem;margin-bottom:2rem}.about-content,.contact-content{gap:2rem;grid-template-columns:1fr}.about-stats{align-items:center;flex-direction:column;gap:1rem}.stat-item{max-width:200px;width:100%}.skills-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.skill-card{padding:1.5rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{margin:0 auto;max-width:400px}.project-content{padding:1.5rem}.project-technologies{gap:.3rem}.tech-tag{font-size:.8rem;padding:.2rem .6rem}.contact-form{text-align:left}.form-input,.form-textarea{font-size:.9rem;padding:.8rem}.social-links{gap:.8rem}.social-link{font-size:.9rem;padding:.8rem}.image-placeholder{height:250px;width:250px}}@media (max-width:480px){section{padding:.8rem}.nav{padding:.6rem .8rem}.nav-links{gap:.5rem}.nav-link{font-size:.8rem;padding:.3rem}.hero-title{font-size:1.8rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem;padding:0 .5rem}.section-title{font-size:1.6rem;margin-bottom:1.5rem}.skills-grid{gap:1rem;grid-template-columns:1fr}.project-content,.skill-card{padding:1rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.tech-tag{font-size:.7rem;padding:.2rem .5rem}.form-input,.form-textarea{font-size:.8rem;padding:.7rem}.social-link{font-size:.8rem;padding:.6rem}.social-icon{font-size:1.2rem}.image-placeholder{height:200px;width:200px}.about-text p,.contact-subtitle{font-size:1rem}}@media (max-width:768px) and (orientation:landscape){.hero{padding-top:100px}.hero-title{font-size:2rem}.hero-description{margin-bottom:1.5rem}section{min-height:auto;padding:1.5rem 1rem}}
/*# sourceMappingURL=main.3aeeaafc.css.map*/