.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;padding:1rem 0}.navbar.scrolled{background:#0a192ff2;box-shadow:0 10px 30px -10px #020c1bb3}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer}.logo-text{font-size:1.5rem;font-weight:700;color:#64ffda;text-decoration:none}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:#ccd6f6;text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease;position:relative}.nav-link:hover{color:#64ffda}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#64ffda;transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;cursor:pointer;color:#ccd6f6;font-size:1.5rem;transition:color .3s ease}.hamburger:hover{color:#64ffda}.mobile-menu{position:fixed;top:0;right:0;width:300px;height:100vh;background:#0a192ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:999}.mobile-nav-link{color:#ccd6f6;text-decoration:none;font-size:1.2rem;font-weight:500;cursor:pointer;transition:color .3s ease}.mobile-nav-link:hover{color:#64ffda}@media (max-width: 768px){.nav-menu{display:none}.hamburger{display:block}.mobile-menu{width:100%}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{max-width:600px}.greeting{color:#64ffda;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.name{font-size:4rem;font-weight:700;color:#ccd6f6;margin-bottom:1rem;line-height:1.1}.title{font-size:2.5rem;font-weight:600;color:#8892b0;margin-bottom:2rem;line-height:1.2}.typed-text{color:#64ffda}.description{font-size:1.1rem;color:#8892b0;margin-bottom:3rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center}.profile-image{width:400px;height:400px;border-radius:50%;border:3px solid #64ffda;overflow:hidden;position:relative}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#64ffda,#0a192f);display:flex;align-items:center;justify-content:center;color:#0a192f;font-weight:600;font-size:1.2rem}.social-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;position:static;transform:none;margin-top:2rem}.social-link{color:#8892b0;font-size:1.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #8892b0;border-radius:50%}.social-link:hover{color:#64ffda;border-color:#64ffda;background:#64ffda1a}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-arrow{width:30px;height:50px;border:2px solid #64ffda;border-radius:15px;display:flex;justify-content:center;cursor:pointer;transition:all .3s ease}.scroll-arrow:hover{background:#64ffda1a}.scroll-arrow span{width:4px;height:8px;background:#64ffda;border-radius:2px;margin-top:8px;animation:scroll 2s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text{max-width:100%}.social-links{position:static;transform:none;flex-direction:row;justify-content:center;margin-top:2rem}}@media (max-width: 768px){.name{font-size:3rem}.title{font-size:2rem}.profile-image{width:250px;height:250px}.hero-buttons{justify-content:center}}@media (max-width: 480px){.name{font-size:2.5rem}.title{font-size:1.5rem}.profile-image{width:200px;height:200px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}}.about{background:#0a192f;padding:100px 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.about-text{max-width:500px}.about-header h3{font-size:2rem;color:#ccd6f6;margin-bottom:.5rem}.about-header .title{color:#64ffda;font-size:1.1rem;margin-bottom:2rem}.bio{font-size:1.1rem;color:#8892b0;line-height:1.8;margin-bottom:2rem}.contact-info{margin-bottom:2rem}.info-item{color:#8892b0;margin-bottom:.5rem;font-size:1rem}.info-item strong{color:#ccd6f6}.about-details{max-width:500px}.education-section,.experience-section{margin-bottom:3rem}.education-section h4,.experience-section h4{color:#ccd6f6;font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.timeline-item{position:relative;margin-bottom:2rem;padding-left:2rem}.timeline-item:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#64ffda}.timeline-item:after{content:"";position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:#64ffda}.timeline-content{background:#64ffda0d;padding:1.5rem;border-radius:8px;border-left:3px solid #64ffda}.timeline-content h5{color:#ccd6f6;font-size:1.1rem;margin-bottom:.5rem}.timeline-content .institution,.timeline-content .company{color:#64ffda;font-weight:500;margin-bottom:.5rem}.timeline-content .duration{color:#8892b0;font-size:.9rem;margin-bottom:.5rem}.timeline-content .description{color:#8892b0;line-height:1.6}.btn-primary{display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:3rem}.about-text,.about-details{max-width:100%}}@media (max-width: 768px){.about{padding:80px 0}.about-header h3{font-size:1.8rem}.timeline-item{padding-left:1.5rem}.timeline-content{padding:1rem}}@media (max-width: 480px){.about-content{gap:2rem}.about-header h3{font-size:1.5rem}.bio{font-size:1rem}.timeline-item{padding-left:1rem}.timeline-content{padding:.8rem}}.skills{background:#0a192f;padding:100px 0}.skills-content{margin-top:3rem}.skill-category{margin-bottom:4rem}.category-title{font-size:1.8rem;color:#ccd6f6;margin-bottom:2rem;text-align:center;position:relative}.category-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#64ffda;border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-item{background:#64ffda0d;border:1px solid rgba(100,255,218,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.skill-item:hover{background:#64ffda1a;border-color:#64ffda4d;transform:translateY(-5px);box-shadow:0 10px 30px #64ffda1a}.skill-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;justify-content:center}.skill-info{text-align:center}.skill-name{color:#ccd6f6;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.skill-bar{width:100%;height:8px;background:#64ffda1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem;position:relative}.skill-progress{height:100%;border-radius:4px;position:relative;transition:width 1s ease}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-percentage{color:#64ffda;font-weight:600;font-size:.9rem}@media (max-width: 768px){.skills{padding:80px 0}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-item{padding:1.2rem}.category-title{font-size:1.5rem}.skill-icon{font-size:2rem}.skill-name{font-size:1.1rem}}@media (max-width: 480px){.skills-content{margin-top:2rem}.skill-category{margin-bottom:3rem}.skill-item{padding:1rem}.skill-icon{font-size:1.8rem}.skill-name{font-size:1rem}}.projects{background:#0a192f;padding:100px 0}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;border:1px solid #64ffda;background:transparent;color:#64ffda;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover,.filter-btn.active{background:#64ffda1a;transform:translateY(-2px)}.filter-btn.active{background:#64ffda;color:#0a192f}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#64ffda0d;border:1px solid rgba(100,255,218,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #64ffda1a;border-color:#64ffda4d}.project-image{position:relative;overflow:hidden;height:200px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a192fe6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{width:50px;height:50px;border-radius:50%;background:#64ffda;color:#0a192f;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;text-decoration:none}.project-link:hover{background:#4cd4b0;transform:scale(1.1)}.featured-badge{position:absolute;top:1rem;right:1rem;background:#64ffda;color:#0a192f;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.project-content{padding:1.5rem}.project-title{color:#ccd6f6;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.project-description{color:#8892b0;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#64ffda1a;color:#64ffda;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;border:1px solid rgba(100,255,218,.2)}.no-projects{text-align:center;color:#8892b0;font-size:1.1rem;margin-top:2rem}@media (max-width: 768px){.projects{padding:80px 0}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.4rem 1rem;font-size:.8rem}.project-content{padding:1.2rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}}@media (max-width: 480px){.filter-buttons{flex-direction:column;align-items:center}.filter-btn{width:150px}.project-image{height:180px}.project-content{padding:1rem}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}.tech-tag{font-size:.75rem;padding:.2rem .6rem}}.contact{background:#0a192f;padding:100px 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-info{max-width:500px}.contact-info h3{color:#ccd6f6;font-size:1.5rem;margin-bottom:1rem}.contact-info p{color:#8892b0;margin-bottom:2rem}.contact-details{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.contact-icon{color:#64ffda;font-size:1.5rem;min-width:32px;display:flex;align-items:center;justify-content:center}.contact-text h4{color:#ccd6f6;font-size:1rem;margin-bottom:.2rem}.contact-text a,.contact-text span{color:#8892b0;font-size:1rem;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#64ffda}.social-links{margin-top:2rem}.social-links h4{color:#ccd6f6;font-size:1rem;margin-bottom:.5rem}.social-icons{display:flex;gap:1rem}.social-icon{color:#8892b0;font-size:1.5rem;width:40px;height:40px;border:1px solid #8892b0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent}.social-icon:hover{color:#64ffda;border-color:#64ffda;background:#64ffda1a}.contact-form{max-width:500px;background:#64ffda0d;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #64ffda0d}.form-group{margin-bottom:1.5rem}.form-group label{color:#ccd6f6;font-size:1rem;margin-bottom:.5rem;display:block}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid #64ffda;border-radius:6px;background:#0a192f;color:#ccd6f6;font-size:1rem;margin-top:.3rem;transition:border-color .3s ease;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#4cd4b0;outline:none}.submit-status{margin-top:1rem;font-size:1rem;text-align:center;padding:.8rem 1rem;border-radius:6px}.submit-status.success{background:#64ffda1a;color:#64ffda}.submit-status.error{background:#ff00001a;color:#ff4d4f}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-info,.contact-form{max-width:100%}}@media (max-width: 768px){.contact{padding:80px 0}.contact-form{padding:1.2rem}}@media (max-width: 480px){.contact-content{gap:2rem}.contact-form{padding:1rem}}.footer{background:#0a192f;color:#8892b0;text-align:center;padding:2rem 0 1rem;border-top:1px solid rgba(100,255,218,.1);font-size:1rem}.footer .container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer span[role=img]{font-size:1.2rem;vertical-align:middle}@media (max-width: 480px){.footer{font-size:.95rem;padding:1.5rem 0 .8rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.App{min-height:100vh;background:#0a192f}main{min-height:100vh}section{padding:80px 0}@media (max-width: 768px){section{padding:60px 0}.container{padding:0 15px}}@media (max-width: 480px){section{padding:40px 0}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#8892b0;background-color:#0a192f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a192f}::-webkit-scrollbar-thumb{background:#64ffda;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4cd4b0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;color:#ccd6f6;margin-bottom:20px;text-align:center}.section-subtitle{font-size:1.1rem;color:#8892b0;text-align:center;margin-bottom:60px}.btn{display:inline-block;padding:12px 24px;border:2px solid #64ffda;border-radius:4px;text-decoration:none;color:#64ffda;font-weight:500;transition:all .3s ease;cursor:pointer;background:transparent;font-family:inherit}.btn:hover{background:#64ffda1a;transform:translateY(-2px)}.btn-primary{background:#64ffda;color:#0a192f}.btn-primary:hover{background:#4cd4b0;border-color:#4cd4b0}a{font-weight:500;color:#64ffda;text-decoration:inherit}a:hover{color:#4cd4b0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:all .3s ease}button:hover{border-color:#64ffda}button:focus,button:focus-visible{outline:2px solid #64ffda;outline-offset:2px}h1{font-size:3.2em;line-height:1.1;color:#ccd6f6}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 15px}h1{font-size:2.5em}}@media (max-width: 480px){.section-title{font-size:1.8rem}.btn{padding:10px 20px;font-size:.9rem}h1{font-size:2em}}