@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100%}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100%}.home-container img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.home-container h2{color:#fff;font-size:2rem;margin:0;text-shadow:2px 2px 4px #00000080;z-index:1}.home-container .overlay{align-items:flex-start;display:flex;height:100%;left:0;padding:12rem 5% 0;position:absolute;top:0;width:100%;z-index:1}.content{color:#fff;max-width:650px}.content h1{color:#6366f1;font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.content>p{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.skills-section{display:flex;flex-wrap:wrap;gap:2rem}.skill-item{flex:1 1;min-width:250px}.skill-item p{font-size:1rem;line-height:1.5;margin:0;opacity:.8;text-align:justify}@media (max-width:768px){.home-container .overlay{padding:10rem 5% 0}.content h1{font-size:2.5rem}.content>p{font-size:1rem}.skills-section{flex-direction:column;gap:1rem}.skill-item{min-width:auto}}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100%}.skills-container img{object-fit:cover;z-index:-1}.skills-container .overlay,.skills-container img{height:100%;left:0;position:absolute;top:0;width:100%}.skills-container .overlay{align-items:center;display:flex;justify-content:center;padding:0 5%;z-index:1}.skills-content{grid-gap:2rem 11rem;align-items:flex-start;color:#fff;display:grid;gap:2rem 11rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;justify-content:space-between;margin-top:20px;max-width:1400px;width:100%}.frontend-section{margin-left:-3rem;position:relative}.backend-section{margin-top:8rem;position:relative}.database-section{margin-top:-6rem;position:relative}.tools-section{margin-left:2rem;margin-top:2rem;position:relative}.backend-section h2,.database-section h2,.frontend-section h2,.tools-section h2{color:#6366f1;font-size:2.8rem;font-weight:700;margin-bottom:1rem}.backend-section p,.database-section p,.frontend-section p,.tools-section p{color:#2c2c2c;font-size:1.1rem;line-height:1.5;margin:0;opacity:1;text-align:justify}.tech-icons{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem}.tech-icon{transition:transform .3s ease,filter .3s ease}.tech-icon:hover{transform:scale(1.1)}@media (max-width:768px){.skills-content{gap:2rem;grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.backend-section,.database-section,.frontend-section,.tools-section{margin-left:0;margin-top:0}.backend-section h2,.database-section h2,.frontend-section h2,.tools-section h2{font-size:2rem}.tech-icons{justify-content:center;margin-top:1.5rem}.tech-icon{height:48px;width:48px}}.about-container{background:linear-gradient(135deg,#5b4de8,#7c3aed);flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 0;position:relative}.about-container,.about-content{align-items:center;display:flex;width:100%}.about-content{gap:4rem;justify-content:space-between;max-width:1400px;padding:0 5%}.text-section{color:#fff;flex:1 1;max-width:600px}.text-section h1{color:#a8ff35;font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:2rem}.paragraphs-container{opacity:1}.text-section p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;opacity:.95}.illustration-section{align-items:center;display:flex;flex:1 1;height:400px;justify-content:center;max-width:500px}.illustration-section img{height:100%;object-fit:contain;width:100%}@media (max-width:768px){.about-content{flex-direction:column;gap:2rem;text-align:center}.text-section h1{font-size:2.5rem}.text-section p{font-size:1rem}.illustration-section{height:300px}}.delay-400.animate{animation-delay:.7s}.delay-500.animate{animation-delay:.9s}.delay-600.animate{animation-delay:1.1s}.portfolio-container{background-color:#f9f9f9;justify-content:center;min-height:100vh;padding:0;position:relative}.portfolio-container,.portfolio-content{align-items:center;display:flex;width:100%}.portfolio-content{background-color:#fff;max-width:1600px;padding:2rem 5.5rem}.portfolio-section{display:flex;flex:1 1;flex-direction:column;gap:2.5rem;padding:4rem 5rem}.portfolio-section h2{color:#4649e0;font-size:3.3rem;font-weight:700;line-height:1.1;margin:0}.description{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}.description p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0}.portfolio-button{align-items:center;background:#0000;border:2px solid #4649e0;color:#4649e0;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:1}.portfolio-button:before{background-color:#4649e0;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.portfolio-button:hover:before{width:100%}.portfolio-button:hover{color:#fff}.arrow{font-size:1.2rem;transition:transform .3s ease}.portfolio-button:hover .arrow{transform:translateX(4px)}.portfolio-divider{background-color:#c9dbf3;height:45vh;margin:0 3rem;width:1px}@media (max-width:1024px){.portfolio-content{padding:0 3rem}.portfolio-section{padding:3rem 1.5rem}.portfolio-section h2{font-size:3.5rem}}@media (max-width:768px){.portfolio-content{flex-direction:column;height:auto;justify-content:center;padding:2rem}.portfolio-section{gap:2rem;padding:2rem 1rem;text-align:center}.portfolio-divider{background-color:#e2e8f0;height:1px;margin:2rem auto;width:60%}.portfolio-section h2{font-size:3rem}.portfolio-button{align-self:center}}@media (max-width:480px){.portfolio-section h2{font-size:2.5rem}.description p{font-size:1rem}.portfolio-container,.portfolio-content{padding:1rem}}.contact-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;width:100%}.contact-content{max-width:900px;text-align:center;width:100%}.contact-header{margin-bottom:5rem}.contact-header h1{color:#4649e0;font-size:3.6rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.contact-header p{color:#3d155f;font-size:1.5rem;line-height:1.6;margin:0}.contact-form{flex-direction:column;text-align:left}.contact-form,.form-row{display:flex;gap:2rem}.form-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.form-group label{color:#1a1b69;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.5px}.form-group input,.form-group textarea{background:#0000;border:none;border-bottom:2px solid #e5e7eb;color:#374151;font-size:1rem;outline:none;padding:1rem 0;resize:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#4649e0}.form-group input::placeholder,.form-group textarea::placeholder{color:#707d94;font-family:Montserrat,sans-serif;font-size:17px;font-weight:300}.form-group textarea{line-height:1.6;min-height:120px}.contact-button{align-items:center;align-self:center;background:#0000;border:2px solid #4649e0;color:#4649e0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;margin-top:1rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:1}.contact-button:before{background-color:#4649e0;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.contact-button:hover:before{width:100%}.contact-button:hover{color:#fff}.contact-button .arrow{font-size:1.2rem;transition:transform .3s ease}.contact-button:hover .arrow{transform:translateX(4px)}.contact-button:disabled{cursor:not-allowed;opacity:.7}.feedback-message{border-radius:8px;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.feedback-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.contact-header h1{font-size:3rem}.form-row{flex-direction:column;gap:1.5rem}.contact-container{padding:1rem}}@media (max-width:480px){.contact-header h1{font-size:2.5rem}.contact-header p{font-size:1.1rem}.contact-form{gap:1.5rem}}.slide-navigation{display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:9998}.nav-item{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.nav-item:hover{transform:scale(1.1)}.nav-icon{transition:all .3s ease}.nav-icon,.shape-container{align-items:center;display:flex;height:12px;justify-content:center;position:relative;width:12px}.square-shape{background-color:initial;border:2px solid #6366f1;height:12px;width:12px}.diamond-shape,.square-shape{position:absolute;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.diamond-shape{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:scale(0) rotate(45deg)}.triangle-up{border-bottom:6px solid #6366f1}.triangle-down,.triangle-up{border-left:6px solid #0000;border-right:6px solid #0000;height:0;transition:all .3s ease;width:0}.triangle-down{border-top:6px solid #6366f1}.nav-icon.square .square-shape{opacity:1;transform:scale(1) rotate(0deg)}.nav-icon.diamond .square-shape,.nav-icon.square .diamond-shape{opacity:0;transform:scale(0) rotate(45deg)}.nav-icon.diamond .diamond-shape{opacity:1;transform:scale(1) rotate(0deg)}.nav-item:hover .square-shape{border-color:#4f46e5;transform:scale(1.1) rotate(0deg)}.nav-item:hover .triangle-up{border-bottom-color:#4f46e5}.nav-item:hover .triangle-down{border-top-color:#4f46e5}.nav-item:hover .diamond-shape{transform:scale(1.1) rotate(0deg)}.slide-navigation.about-active .square-shape{border-color:#a8ff35}.slide-navigation.about-active .triangle-up{border-bottom-color:#a8ff35}.slide-navigation.about-active .triangle-down{border-top-color:#a8ff35}.slide-navigation.about-active .nav-item:hover .square-shape{border-color:#8fe01b}.slide-navigation.about-active .nav-item:hover .triangle-up{border-bottom-color:#8fe01b}.slide-navigation.about-active .nav-item:hover .triangle-down{border-top-color:#8fe01b}.slide-navigation.home-active .square-shape{border-color:#a8ff35}.slide-navigation.home-active .triangle-up{border-bottom-color:#a8ff35}.slide-navigation.home-active .triangle-down{border-top-color:#a8ff35}.slide-navigation.home-active .nav-item:hover .square-shape{border-color:#8fe01b}.slide-navigation.home-active .nav-item:hover .triangle-up{border-bottom-color:#8fe01b}.slide-navigation.home-active .nav-item:hover .triangle-down{border-top-color:#8fe01b}.slide-navigation.footer-active .square-shape{border-color:#a8ff35}.slide-navigation.footer-active .triangle-up{border-bottom-color:#a8ff35}.slide-navigation.footer-active .triangle-down{border-top-color:#a8ff35}.slide-navigation.footer-active .nav-item:hover .square-shape{border-color:#8fe01b}.slide-navigation.footer-active .nav-item:hover .triangle-up{border-bottom-color:#8fe01b}.slide-navigation.footer-active .nav-item:hover .triangle-down{border-top-color:#8fe01b}@media (max-width:768px){.slide-navigation{right:1rem}.nav-icon{height:10px;width:10px}.nav-icon.triangle{border-bottom:5px solid #0000;border-left:5px solid #6366f1;border-top:5px solid #0000}}.navbar{left:0;padding:1.5rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:9999}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.navbar-logo{cursor:pointer;font-size:2rem;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.1)}.menu-trigger,.navbar-menu{align-items:center;display:flex;position:relative}.menu-trigger{height:41px;justify-content:center;width:41px;z-index:10000}.menu-icon{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:.5rem;transition:all .3s ease}.menu-icon span{border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.menu-icon span,.menu-icon:hover span{background-color:#4649e0}.navbar.home-active .menu-icon span{background-color:#fff}.navbar.home-active .menu-icon:hover span{background-color:#f0f0f0}.navbar.about-active .menu-icon span{background-color:#fff}.navbar.about-active .menu-icon:hover span{background-color:#f0f0f0}.navbar.footer-active .menu-icon span{background-color:#fff}.navbar.footer-active .menu-icon:hover span{background-color:#f0f0f0}.navbar-logo svg path{fill:#4649e0;transition:fill .3s ease}.navbar.about-active .navbar-logo svg path,.navbar.footer-active .navbar-logo svg path,.navbar.home-active .navbar-logo svg path{fill:#fff}.navbar-logo:hover svg path{opacity:.8}.menu-icon.open span:first-child{background-color:#2d3748!important;transform:rotate(-45deg) translate(-5px,6px)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){background-color:#2d3748!important;transform:rotate(45deg) translate(-5px,-6px)}.navbar-backdrop{background-color:initial;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9997}.navbar-popover{animation:smoothPopoverOpen .4s ease-out forwards;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026,0 4px 15px #0000001a,0 0 0 1px #0000000d;max-height:80vh;overflow-y:auto;padding:2rem;position:absolute;right:0;top:0;transform-origin:top right;width:320px;z-index:9999}@keyframes smoothPopoverOpen{0%{border-radius:50%;opacity:0;transform:scale(.1)}60%{border-radius:25px;opacity:.8;transform:scale(.9)}to{border-radius:20px;opacity:1;transform:scale(1)}}.popover-header{animation:slideInFromTop .5s ease-out .4s forwards;display:flex;justify-content:flex-end;margin-bottom:1.5rem;opacity:0}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.popover-content{animation:slideInContent .6s cubic-bezier(.25,.46,.45,.94) .3s forwards;opacity:0;text-align:left;transform:translateY(20px) scale(.95)}@keyframes slideInContent{to{opacity:1;transform:translateY(0) scale(1)}}.popover-menu li{animation:slideInMenuItem .4s ease-out forwards;opacity:0;transform:translateX(-20px)}.popover-menu li:first-child{animation-delay:.5s}.popover-menu li:nth-child(2){animation-delay:.6s}.popover-menu li:nth-child(3){animation-delay:.7s}@keyframes slideInMenuItem{to{opacity:1;transform:translateX(0)}}.popover-footer{animation:slideInFooter .5s ease-out .8s forwards;opacity:0;transform:translateY(15px)}@keyframes slideInFooter{to{opacity:1;transform:translateY(0)}}.popover-menu{list-style:none;margin:0 0 2rem;padding:0}.popover-menu li{margin-bottom:1rem}.popover-menu a{color:#2d3748;display:block;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500;padding:.3rem 0;text-decoration:none;transition:all .3s ease}.popover-menu a:hover{color:#5b4de8;transform:translateX(3px)}.popover-footer{border-top:1px solid #2d37481a;padding-top:1.5rem}.contact-section{margin-bottom:1.5rem}.say-hello{color:#2d374899;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:300;letter-spacing:2px;margin-bottom:.8rem;text-transform:uppercase}.email-link,.telegram-link{color:#5b4de8;display:block;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:400;margin-bottom:.3rem;text-decoration:none;transition:all .3s ease}.email-link:hover,.telegram-link:hover{color:#4c51bf;transform:translateX(2px)}.language-switcher{margin-top:.5rem}.language-grid{display:flex;gap:.5rem;justify-content:center}.language-btn{background:#0000;border:1px solid #2d374833;border-radius:6px;color:#2d374899;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:all .2s ease}.language-btn:hover{border-color:#5b4de8;color:#5b4de8}.language-btn.active{background:#5b4de8;border-color:#5b4de8;color:#fff;font-weight:600}@media (max-width:768px){.navbar{padding:1rem 1.5rem}.navbar-popover{padding:1.5rem;width:280px}.menu-icon span{height:2px;width:22px}.popover-menu a{font-size:1.1rem}.language-btn{font-size:.7rem;padding:.25rem .5rem}}@media (max-width:480px){.navbar{padding:1rem}.navbar-popover{padding:1.5rem;right:-1rem;width:250px}.navbar-logo{font-size:1.8rem}.popover-menu a{font-size:1rem}.language-grid{gap:.4rem}.language-btn{font-size:.65rem;padding:.2rem .4rem}}.footer{background:linear-gradient(135deg,#5b4de8,#7c3aed);color:#fff;flex-direction:column;height:100vh;padding:4rem 2rem 2rem}.footer,.footer-content{display:flex;justify-content:space-between}.footer-content{align-items:flex-start;flex:1 1;margin:0 auto;max-width:1200px;padding-top:6rem;width:100%}.footer-left{flex:1 1;text-align:left}.footer-section h3{color:#b8a5d1;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:2rem;text-transform:uppercase}.footer-section p{color:#a8e6a3;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:400;margin-bottom:1rem}.footer-right{display:flex;flex:1 1;justify-content:flex-end;text-align:right}.footer-links{display:flex;flex-direction:column;gap:1.5rem}.footer-link{color:#a8e6a3;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:400;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-link:hover{color:#d4f5d2;transform:translateX(-5px)}.footer-bottom{align-items:center;border-top:1px solid #a8e6a333;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:2rem;width:100%}.footer-copyright p{color:#b8a5d1;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:400;margin:0}.footer-social{display:flex;gap:1.5rem}.social-link{color:#a8e6a3;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 0;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-link:hover{color:#d4f5d2;transform:translateY(-2px)}.social-link.active{background-color:#a8e6a333;border:1px solid #a8e6a3;border-radius:20px;color:#d4f5d2;padding:.5rem 1rem}@media (max-width:768px){.footer{height:100vh;padding:3rem 1.5rem 1.5rem}.footer-content{flex-direction:column;gap:3rem;padding-top:4rem;text-align:left}.footer-right{justify-content:flex-start;text-align:left}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer-social{order:-1}}@media (max-width:480px){.footer{height:100vh;padding:2rem 1rem 1rem}.footer-section h3{font-size:.9rem}.footer-link,.footer-section p{font-size:1rem}.social-link{font-size:.8rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{opacity:0;transform:translateY(-30px)}.fade-in-down.animate{animation:fadeInDown .8s ease-out forwards}.fade-in-down.visited{opacity:1;transform:translateY(0)}.delay-100.animate{animation-delay:.1s}.delay-200.animate{animation-delay:.3s}.delay-300.animate{animation-delay:.5s}.ai-matrix-loader{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);height:160px;margin:30px auto;perspective:800px;position:relative;width:120px}.digit{animation:matrix-fall 2s infinite,matrix-flicker .5s infinite;color:#4649e0;font-family:monospace;font-size:18px;opacity:0;text-align:center;text-shadow:0 0 5px #4649e0}.digit:first-child{animation-delay:.1s}.digit:nth-child(2){animation-delay:.3s}.digit:nth-child(3){animation-delay:.5s}.digit:nth-child(4){animation-delay:.7s}.digit:nth-child(5){animation-delay:.9s}.digit:nth-child(6){animation-delay:1.1s}.digit:nth-child(7){animation-delay:1.3s}.digit:nth-child(8){animation-delay:1.5s}.glow{animation:matrix-pulse 2s infinite;background:radial-gradient(circle,#4649e01a 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-50px) rotateX(90deg)}20%,80%{opacity:.8;transform:translateY(0) rotateX(0deg)}to{opacity:0;transform:translateY(50px) rotateX(-90deg)}}@keyframes matrix-flicker{0%,19%,21%,to{opacity:.8}20%{opacity:.2}}@keyframes matrix-pulse{0%,to{opacity:.3}50%{opacity:.7}}
/*# sourceMappingURL=main.3b2e40f6.css.map*/