@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}:root{--primary-color:#7562e0;--secondary-color:#181824;--tertiary-color:#282c33;--light-color:#fff;--text-color:#fff;--light-text:#bbb}body{background-color:#181824;background-color:var(--secondary-color);color:#fff;color:var(--text-color)}.btn{background-color:#7562e0;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 25px;transition:all .3s ease}.btn:hover{box-shadow:0 5px 15px #7562e066;transform:translateY(-2px)}.container{padding:0 20px}section{padding:80px 0}.section-title{font-size:32px;margin-bottom:50px}.section-title span{color:#7562e0}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}@media (max-width:768px){section{padding:60px 0}.section-title{font-size:28px;margin-bottom:30px}}.navbar{left:0;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:var(--tertiary-color);box-shadow:0 5px 15px #0000001a;padding:15px 0}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:90%}.logo a{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:1px;text-decoration:none}.nav-menu{display:flex;list-style:none}.nav-item{margin-left:30px}.nav-link{color:var(--text-color);font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-link:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.menu-icon{cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;width:30px}.bar{background-color:var(--text-color);height:3px;transition:all .3s ease;width:100%}@media (max-width:768px){.menu-icon{display:flex;z-index:1001}.menu-icon.active .bar:first-child{transform:translateY(9px) rotate(45deg)}.menu-icon.active .bar:nth-child(2){opacity:0}.menu-icon.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-menu{align-items:center;background-color:var(--tertiary-color);flex-direction:column;height:100vh;justify-content:center;left:-100%;padding-top:80px;position:fixed;top:0;transition:all .5s ease;width:100%}.nav-menu.active{left:0}.nav-item{margin:20px 0}.nav-link{font-size:20px}}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:80px;position:relative}.hero-container{align-items:center;display:flex;margin:0 auto;max-width:1200px;padding:0 20px;width:90%}.hero-content{flex:1 1;margin-right:50px}.hero-text h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:10px}.hero-text h1 span{color:var(--primary-color)}.hero-text h2{color:var(--light-text);font-size:28px;font-weight:600;margin-bottom:20px}.hero-text p{color:var(--light-text);font-size:18px;line-height:1.6;margin-bottom:30px;max-width:500px}.hero-buttons{display:flex;gap:20px;margin-bottom:40px}.hero-buttons a{text-decoration:none}.primary-btn{background-color:var(--primary-color)}.secondary-btn{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.hero-socials{display:flex;gap:20px}.hero-socials a{align-items:center;background-color:#7562e01a;border-radius:50%;color:var(--primary-color);display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hero-socials a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-5px)}.hero-image{flex:1 1}.hero-image,.image-container{display:flex;justify-content:center;position:relative}.image-container{align-items:center;animation:morphing 10s infinite;background:linear-gradient(45deg,var(--primary-color),#9280ff);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:350px;width:350px}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}50%{border-radius:30% 30% 70% 70%/70% 30% 70% 30%}75%{border-radius:70% 70% 30% 30%/30% 70% 30% 70%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.image-container img{border-radius:50%;height:90%;object-fit:cover;width:90%}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:50px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.mouse{border:2px solid var(--primary-color);border-radius:20px;height:50px;position:relative;width:30px}.mouse:before{animation:scrollDown 2s infinite;background-color:var(--primary-color);border-radius:50%;content:"";height:6px;left:50%;position:relative;top:10px;transform:translateX(-50%);width:6px}.scroll-indicator p{color:var(--light-text);font-size:14px;margin-top:10px}@keyframes scrollDown{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:992px){.hero-container{flex-direction:column-reverse;text-align:center}.hero-content{margin-right:0;margin-top:50px}.hero-text h1{font-size:36px}.hero-text h2{font-size:24px}.hero-text p{margin:0 auto 30px}.hero-buttons,.hero-socials{justify-content:center}.image-container{height:300px;width:300px}.mouse,.scroll-indicator p{display:none}}@media (max-width:576px){.hero-text h1{font-size:28px}.hero-text h2{font-size:20px}.hero-text p{font-size:16px}.hero-buttons{flex-direction:column;gap:15px}.image-container{height:250px;width:250px}.mouse,.scroll-indicator p{display:none}}.about{background-color:var(--tertiary-color)}.about-content{align-items:center;display:flex;gap:50px}.about-image{flex:1 1;max-width:400px}.about-image img{border-radius:20px;box-shadow:0 15px 30px #0003;transition:transform .3s ease;width:100%}.about-image img:hover{transform:translateY(-10px)}.about-text{flex:1.5 1}.about-text h3{color:var(--primary-color);font-size:24px;font-weight:600;margin-bottom:20px}.about-text p{color:var(--light-text);font-size:16px;line-height:1.8;margin-bottom:15px}.about-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:30px 0}.info-item{display:flex;flex-direction:column}.info-title{color:var(--light-text);font-size:14px;font-weight:600}.info-value{color:var(--text-color);font-size:16px}.about-buttons{display:flex;gap:20px;margin-top:30px}.about-buttons .secondary-btn{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.fade-up{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.fade-up.animate-in{opacity:1;transform:translateY(0)}.section-title.fade-up{transition-delay:.1s}.about-image.fade-up{transition-delay:.3s}.about-text.fade-up{transition-delay:.5s}.about-info .info-item{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.about-text.animate-in .info-item:first-child{opacity:1;transform:translateY(0);transition-delay:.7s}.about-text.animate-in .info-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.8s}.about-text.animate-in .info-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.9s}.about-text.animate-in .info-item:nth-child(4){opacity:1;transform:translateY(0);transition-delay:1s}.about-buttons .btn{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.about-text.animate-in .btn:first-child{opacity:1;transform:translateY(0);transition-delay:1.1s}.about-text.animate-in .btn:nth-child(2){opacity:1;transform:translateY(0);transition-delay:1.2s}@media (max-width:992px){.about-content{flex-direction:column;text-align:center}.about-image{margin:0 auto 30px}.about-info{grid-template-columns:1fr}.about-buttons{justify-content:center}}@media (max-width:576px){.about-text h3{font-size:20px}.about-buttons{flex-direction:column;gap:15px}.fade-up{transform:translateY(30px)}.about-image.fade-up{transition-delay:.2s}.about-text.fade-up{transition-delay:.3s}}.skills{background-color:var(--secondary-color);padding:60px 0}.container{margin:0 auto;max-width:1200px;padding:0 15px}.section-title{color:var(--text-color);font-size:38px;font-weight:700;margin-bottom:60px;text-align:center}.section-title span{color:var(--primary-color)}.skills-container{display:flex;flex-direction:column;gap:60px}.professional-skills h3,.technical-skills h3{color:var(--text-color);font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-item{align-items:center;background-color:var(--tertiary-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.skill-icon{align-items:center;background-color:#7562e026;border-radius:50%;color:var(--primary-color);display:flex;font-size:32px;height:55px;justify-content:center;min-width:55px}.skill-info{flex:1 1}.skill-info h4{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:8px}.progress-bar{background-color:#ffffff26;height:10px;overflow:hidden}.progress,.progress-bar{border-radius:5px;position:relative}.progress{align-items:center;background-color:var(--primary-color);box-sizing:border-box;display:flex;height:100%;justify-content:flex-end;padding-right:8px;transition:width 2s ease-out;width:0}.progress-text{color:var(--light-text);font-size:12px;font-weight:600;opacity:0;position:absolute;right:8px;text-shadow:0 0 2px #00000080;top:50%;transform:translateY(-50%);transition:opacity .8s ease 1.5s}.progress.animate .progress-text{opacity:1}.prof-skills-container{display:flex;flex-direction:column;gap:25px}.prof-skill-item{background-color:var(--tertiary-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:18px 20px;transition:transform .3s ease,box-shadow .3s ease}.prof-skill-item:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.prof-skill-info{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:10px}.prof-skill-info h4{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.prof-skill-info span{color:var(--primary-color);font-size:15px;font-weight:700}.prof-progress-bar{background-color:#ffffff26;border-radius:5px;height:10px;overflow:hidden}.prof-progress{background-color:var(--primary-color);border-radius:5px;height:100%;position:relative;transition:width 2s ease-out;width:0}@media (min-width:769px){.skills-container{flex-direction:column;gap:60px}.professional-skills,.technical-skills{flex:1 1;max-width:100%}.prof-skills-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.skills-container{flex-direction:column;gap:40px}.professional-skills,.technical-skills{max-width:100%}.professional-skills h3,.technical-skills h3{font-size:24px;margin-bottom:25px}.prof-skills-container{grid-template-columns:1fr}}@media (max-width:576px){.skills-grid{grid-template-columns:1fr}.professional-skills h3,.technical-skills h3{font-size:20px;margin-bottom:20px}.skill-item{flex-direction:column;gap:10px;padding:15px;text-align:center}.skill-icon{margin-bottom:10px;margin-right:0}.skill-info h4{margin-bottom:5px}.progress-text{right:0;top:-18px;transform:none}}.projects{background-color:var(--tertiary-color)}.filter-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background-color:initial;border:1px solid var(--primary-color);border-radius:30px;color:var(--text-color);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);color:#fff}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.project-card{background-color:#222430;border-radius:10px;box-shadow:0 10px 20px #0000001a;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:20px}.project-links a{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-links a:hover{transform:scale(1.1)}.project-info{padding:20px}.project-info h3{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:10px}.project-info p{color:var(--light-text);font-size:14px;line-height:1.6;margin-bottom:15px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#7562e01a;border-radius:30px;color:var(--primary-color);font-size:12px;padding:5px 10px}@media (max-width:992px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-buttons{gap:10px}.filter-btn{font-size:14px;padding:8px 15px}}@media (max-width:576px){.projects-grid{grid-template-columns:1fr}}.contact{background-color:var(--secondary-color)}.contact-container{display:flex;gap:50px}.contact-info{flex:1 1}.info-box{align-items:center;background-color:var(--tertiary-color);border-radius:10px;display:flex;margin-bottom:20px;padding:20px;transition:transform .3s ease}.info-box:hover{transform:translateX(10px)}.info-icon{align-items:center;background-color:#7562e01a;border-radius:50%;color:var(--primary-color);display:flex;font-size:24px;height:50px;justify-content:center;margin-right:20px;width:50px}.info-content h3{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:5px}.info-content p{color:var(--light-text);font-size:16px}.contact-socials{background-color:var(--tertiary-color);border-radius:10px;padding:20px;transition:transform .3s ease}.contact-socials:hover{transform:translateX(10px)}.contact-socials h3{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:15px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#7562e01a;border-radius:50%;color:var(--primary-color);display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-5px)}.contact-form-container{flex:1.5 1}.contact-form{background-color:var(--tertiary-color);border-radius:10px;padding:30px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{background-color:#ffffff1a;border:none;border-radius:8px;color:var(--text-color);font-size:16px;outline:none;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 2px var(--primary-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--light-text)}.form-group textarea{height:150px;resize:none}.submit-btn{font-size:18px;padding:15px;width:100%}.form-message{border-radius:8px;margin-top:20px;padding:10px;text-align:center}.form-message.success{background-color:#27ae6033;color:#27ae60}.form-message.error{background-color:#e74c3c33;color:#e74c3c}@media (max-width:992px){.contact-container{flex-direction:column}}@media (max-width:576px){.info-box{flex-direction:column;text-align:center}.info-icon{margin-bottom:15px;margin-right:0}.social-links{justify-content:center}}.footer{background-color:var(--tertiary-color);padding:30px 0;position:relative}.scroll-top{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 5px 15px #7562e066;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;left:50%;position:absolute;top:-25px;transform:translateX(-50%);transition:all .3s ease;width:50px}.scroll-top:hover{transform:translateX(-50%) translateY(-5px)}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-logo h2{color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:5px}.footer-copyright p,.footer-logo p{color:var(--light-text);font-size:14px}@media (max-width:576px){.footer-content{flex-direction:column;gap:15px;text-align:center}}.preloader{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.circle-loader{animation:rotateCircle 2s linear infinite;height:120px;position:relative;width:120px}.orbit-dot{--i:0;animation:pulse 1.2s ease-in-out infinite;animation-delay:calc(.1s*var(--i));background-color:#00eaff;border-radius:50%;box-shadow:0 0 10px #00eaff,0 0 20px #00eaff66;height:12px;left:50%;position:absolute;top:50%;transform:rotate(calc(45deg*var(--i))) translate(50px) rotate(calc(-45deg*var(--i)));width:12px}@keyframes rotateCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1) rotate(calc(45deg*var(--i))) translate(50px) rotate(calc(-45deg*var(--i)))}50%{transform:scale(1.4) rotate(calc(45deg*var(--i))) translate(50px) rotate(calc(-45deg*var(--i)))}}.preloader.fade-out{opacity:0;pointer-events:none;transition:opacity 1s ease-out}
/*# sourceMappingURL=main.c3fb3ad3.css.map*/