*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.app{display:flex;min-height:100vh;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.app.loaded{opacity:1;transform:translateY(0)}.sidebar{background:#1e293b;background:linear-gradient(135deg,#1e293b,#334155);border-right:1px solid #ffffff1a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar .logo{border-bottom:1px solid #ffffff1a;padding:2rem;text-align:center}.sidebar .logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#6366f1;font-size:2rem;font-weight:700;margin-bottom:.5rem}.sidebar .logo span{color:#cbd5e1;font-size:.9rem;font-weight:500}.sidebar .nav-menu{list-style:none;padding:1rem 0}.sidebar .nav-menu li{margin:.5rem 1rem}.sidebar .nav-menu li a{align-items:center;border-radius:12px;color:#cbd5e1;display:flex;font-weight:500;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .nav-menu li a .icon{font-size:1.2rem;margin-right:1rem}.sidebar .nav-menu li a:hover{background:#6366f11a;color:#6366f1;transform:translateX(5px)}.sidebar .nav-menu li a:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sidebar .nav-menu li a:hover:before{left:100%}.sidebar .nav-menu li.active a{background:#6366f1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.sidebar .nav-menu li.active a:hover{transform:translateX(0)}.main-content{flex:1 1;margin-left:280px;overflow-x:hidden}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative}.section-header h2:after{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-header p{color:#64748b;font-size:1.2rem;margin:0 auto;max-width:600px}.hero-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-section:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.hero-section .hero-content{align-items:center;display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%;z-index:1}.hero-section .hero-text{flex:1 1;max-width:600px}.hero-section .hero-title .greeting{animation:slideInUp 1s ease-out .2s both;color:#6366f1;display:block;font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.hero-section .hero-title .name{-webkit-text-fill-color:#0000;animation:slideInUp 1s ease-out .4s both;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;background-clip:text;color:#1e293b;display:block;font-size:4rem;font-weight:700;margin-bottom:.5rem}.hero-section .hero-title .role{animation:slideInUp 1s ease-out .6s both;color:#8b5cf6;display:block;font-size:2rem;font-weight:600}.hero-section .hero-description{animation:slideInUp 1s ease-out .8s both;color:#64748b;font-size:1.2rem;line-height:1.8;margin:2rem 0}.hero-section .hero-buttons{animation:slideInUp 1s ease-out 1s both;display:flex;gap:1rem;margin:2rem 0}.hero-section .hero-stats{animation:slideInUp 1s ease-out 1.2s both;display:flex;gap:2rem;margin-top:3rem}.hero-section .hero-stats .stat{text-align:center}.hero-section .hero-stats .stat .stat-number{color:#6366f1;display:block;font-size:2.5rem;font-weight:700;line-height:1}.hero-section .hero-stats .stat .stat-label{color:#64748b;font-size:.9rem;margin-top:.5rem}.hero-section .hero-image{align-items:center;animation:slideInUp 1s ease-out .6s both;display:flex;flex:1 1;justify-content:center}.hero-section .hero-image .image-container{height:400px;position:relative;width:400px}.hero-section .hero-image .image-container img{border:8px solid #fff;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.hero-section .hero-image .image-container img:hover{transform:scale(1.05)}.hero-section .hero-image .image-container .image-overlay{position:absolute;right:-20px;top:-20px}.hero-section .hero-image .image-container .image-overlay .tech-badge{animation:float 3s ease-in-out infinite;background:#6366f1;border-radius:25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-size:.8rem;font-weight:600;margin:.5rem 0;padding:.5rem 1rem}.hero-section .hero-image .image-container .image-overlay .tech-badge:nth-child(2){animation-delay:-1s}.hero-section .hero-image .image-container .image-overlay .tech-badge:nth-child(3){animation-delay:-2s}.about-section{background:#fff;padding:8rem 2rem}.about-section .about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.about-section .about-text{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.about-section .about-card{background:#f8fafc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;transition:all .3s ease}.about-section .about-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.about-section .about-card h3{color:#1e293b;font-size:1.4rem;margin-bottom:1rem}.about-section .about-card p{color:#64748b;line-height:1.8}.about-section .about-highlights{display:flex;flex-direction:column;gap:1.5rem}.about-section .highlight-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.about-section .highlight-item:hover{border-color:#6366f1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.about-section .highlight-item .highlight-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-top:.5rem}.about-section .highlight-item .highlight-content h4{color:#1e293b;font-weight:600;margin-bottom:.5rem}.about-section .highlight-item .highlight-content p{color:#64748b;margin-bottom:.25rem}.about-section .highlight-item .highlight-content span{color:#94a3b8;font-size:.85rem}.skills-section{background:#f8fafc;padding:8rem 2rem}.skills-section .skills-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.skills-section .skill-category{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;transition:all .3s ease}.skills-section .skill-category:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.skills-section .skill-category h3{border-bottom:2px solid #6366f1;color:#1e293b;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.5rem}.skills-section .skill-item{margin-bottom:1.5rem}.skills-section .skill-item .skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skills-section .skill-item .skill-info .skill-name{color:#1e293b;font-weight:500}.skills-section .skill-item .skill-info .skill-percentage{color:#6366f1;font-size:.9rem;font-weight:600}.skills-section .skill-item .skill-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.skills-section .skill-item .skill-bar .skill-progress{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;position:relative;transition:width 1s ease-in-out}.skills-section .skill-item .skill-bar .skill-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.experience-section{background:#fff;padding:8rem 2rem}.experience-section .experience-timeline{margin:0 auto;max-width:800px;position:relative}.experience-section .experience-timeline:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.experience-section .timeline-item{display:flex;justify-content:flex-end;margin-bottom:3rem;padding-right:calc(50% + 2rem);position:relative}.experience-section .timeline-item:nth-child(2n){justify-content:flex-start;padding-left:calc(50% + 2rem);padding-right:0}.experience-section .timeline-item:nth-child(2n) .timeline-content{text-align:left}.experience-section .timeline-item:nth-child(2n) .timeline-marker:after{left:-10px}.experience-section .timeline-item:nth-child(odd) .timeline-content{text-align:right}.experience-section .timeline-item:nth-child(odd) .timeline-marker:after{right:-10px}.experience-section .timeline-item .timeline-marker{background:#6366f1;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:16px;left:50%;position:absolute;top:1rem;transform:translateX(-50%);width:16px}.experience-section .timeline-item .timeline-marker:after{background:#6366f1;content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.experience-section .timeline-item .timeline-content{width:100%}.experience-section .experience-card{background:#f8fafc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;transition:all .3s ease}.experience-section .experience-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.experience-section .experience-card .experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.experience-section .experience-card .experience-header h3{color:#1e293b;font-size:1.3rem}.experience-section .experience-card .experience-header .period{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.experience-section .experience-card .company{color:#8b5cf6;font-size:1.1rem;margin-bottom:1rem}.experience-section .experience-card .description{color:#64748b;line-height:1.7}.projects-section{background:#f8fafc;padding:8rem 2rem}.projects-section .projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.projects-section .project-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .3s ease}.projects-section .project-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-10px)}.projects-section .project-card .project-image{height:200px;overflow:hidden;position:relative}.projects-section .project-card .project-image .placeholder-image{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;height:100%;justify-content:center;width:100%}.projects-section .project-card .project-image .placeholder-image .project-icon{font-size:3rem}.projects-section .project-card .project-image .project-overlay{align-items:center;background:#000c;bottom:0;display:flex;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.projects-section .project-card .project-image .project-overlay .project-link{background:#6366f1;border-radius:25px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.projects-section .project-card .project-image .project-overlay .project-link:hover{background:#8b5cf6;transform:translateY(-2px)}.projects-section .project-card .project-image:hover .project-overlay{opacity:1}.projects-section .project-card .project-content{padding:2rem}.projects-section .project-card .project-content .project-category{color:#6366f1;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.projects-section .project-card .project-content h3{color:#1e293b;font-size:1.3rem;line-height:1.3;margin-bottom:1rem}.projects-section .project-card .project-content p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.projects-section .project-card .project-content .project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.projects-section .project-card .project-content .project-technologies .tech-tag{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.services-section{background:#fff;padding:8rem 2rem}.services-section .services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.services-section .service-card{background:#f8fafc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.services-section .service-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.services-section .service-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-10px)}.services-section .service-card:hover:before{left:100%}.services-section .service-card:hover .service-icon{transform:scale(1.2) rotate(5deg)}.services-section .service-card .service-icon{font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.services-section .service-card h3{color:#1e293b;font-size:1.3rem;margin-bottom:1rem}.services-section .service-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.services-section .service-card .service-features{display:flex;flex-direction:column;gap:.5rem}.services-section .service-card .service-features span{color:#10b981;font-size:.9rem;font-weight:500}.contact-section{background:#f8fafc;padding:8rem 2rem}.contact-section .contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-section .contact-info .contact-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.contact-section .contact-info .contact-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.contact-section .contact-info .contact-item .contact-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-top:.25rem}.contact-section .contact-info .contact-item h4{color:#1e293b;margin-bottom:.5rem}.contact-section .contact-info .contact-item p{color:#64748b}.contact-section .contact-info .social-links{display:flex;gap:1rem;margin-top:2rem}.contact-section .contact-info .social-links .social-link{background:#6366f1;border-radius:25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-section .contact-info .social-links .social-link:hover{background:#8b5cf6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.contact-section .contact-info .social-links .social-link:nth-child(2){background:#8b5cf6}.contact-section .contact-info .social-links .social-link:nth-child(2):hover{background:#6366f1}.contact-section .contact-info .social-links .social-link:nth-child(3){background:#06d6a0}.contact-section .contact-info .social-links .social-link:nth-child(3):hover{background:#05a47b}.contact-section .contact-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem}.contact-section .contact-form-container .contact-form .form-group{margin-bottom:1.5rem}.contact-section .contact-form-container .contact-form .form-group label{color:#1e293b;display:block;font-weight:500;margin-bottom:.5rem}.contact-section .contact-form-container .contact-form .form-group input,.contact-section .contact-form-container .contact-form .form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.contact-section .contact-form-container .contact-form .form-group input:focus,.contact-section .contact-form-container .contact-form .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.contact-section .contact-form-container .contact-form .form-group input::placeholder,.contact-section .contact-form-container .contact-form .form-group textarea::placeholder{color:#94a3b8}.contact-section .contact-form-container .contact-form .form-group textarea{min-height:100px;resize:vertical}.contact-section .contact-form-container .contact-form .full-width{width:100%}.contact-section .contact-form-container .form-status{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;font-weight:500;margin-top:1rem;padding:.75rem}.btn-primary,.btn-secondary{border:none;border-radius:25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4c4fef,#7a44f5)}.btn-secondary{background:#0000;border:2px solid #6366f1;color:#6366f1}.btn-secondary:hover{background:#6366f1;color:#fff}.footer{background:#1e293b;color:#fff;padding:2rem;text-align:center}.footer .footer-content{margin:0 auto;max-width:1200px}.footer .footer-content p{color:#cbd5e1;margin:.5rem 0}.footer .footer-content p:first-child{font-weight:500}.footer .footer-content p:last-child{color:#94a3b8;font-size:.9rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:1200px){.sidebar{width:250px}.main-content{margin-left:250px}}@media(max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.hero-section .hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-section .hero-title .name{font-size:3rem}.hero-section .hero-title .role{font-size:1.5rem}.hero-stats{justify-content:center}.about-section .about-content{gap:2rem;grid-template-columns:1fr}.contact-section .contact-content{grid-template-columns:1fr}.experience-section .experience-timeline:before{left:2rem}.experience-section .timeline-item{justify-content:flex-start;padding-left:4rem;padding-right:0}.experience-section .timeline-item:nth-child(2n){padding-left:4rem;padding-right:0}.experience-section .timeline-item .timeline-marker{left:2rem;transform:none}.experience-section .timeline-item .timeline-content{text-align:left}}@media(max-width:768px){.hero-section .hero-title .name,.section-header h2{font-size:2.5rem}.hero-buttons{flex-direction:column;gap:.5rem}.hero-stats{gap:1rem}.projects-grid,.services-grid,.skills-content{grid-template-columns:1fr}.contact-info .social-links{flex-wrap:wrap}}@media(max-width:640px){.about-section,.contact-section,.experience-section,.hero-section,.projects-section,.services-section,.skills-section{padding:4rem 1rem}.hero-section .hero-title .name,.section-header h2{font-size:2rem}.hero-section .hero-image .image-container{height:250px;width:250px}}
/*# sourceMappingURL=main.27898230.css.map*/