@import url(https://unpkg.com/leaflet@1.7.1/dist/leaflet.css);:root{--secondary-color:#1e272e;--dark-bg:#0a0a0c;--light-accent:#2de2a6;--light-accent-rgb:45,226,166;--dark-accent:#106159;--text-color:#e0e0e0;--text-secondary:hsla(0,0%,88%,.7);--first-color:var(--secondary-color);--second-color:var(--dark-bg);--letter-color:var(--text-color);--green-color:var(--primary-color);--glass-bg:rgba(15,15,20,.7);--glass-border:1px solid hsla(0,0%,100%,.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.3);--card-border-radius:15px;--hover-transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--glow-shadow:0 0 20px rgba(var(--primary-color-rgb),0.5)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0c;background-color:var(--dark-bg);background:linear-gradient(135deg,#0a0a0c,#0d1117);background:linear-gradient(135deg,var(--dark-bg) 0,#0d1117 100%);color:#e0e0e0;color:var(--text-color);font-family:Trispace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h2{-webkit-animation:shine 3s linear infinite;animation:shine 3s linear infinite;background:linear-gradient(90deg,#16a085,#fff,#16a085);background:linear-gradient(90deg,var(--primary-color),#fff,var(--primary-color));background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;font-size:2.5rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-transform:uppercase}a{color:#2de2a6;color:var(--light-accent);text-decoration:none;transition:color .3s ease}a:hover{color:#16a085;color:var(--primary-color)}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,20,.7);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:15px;border-radius:var(--card-border-radius);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);box-shadow:var(--glass-shadow)}.futuristic-button{background:linear-gradient(45deg,#16a085,#2de2a6);background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border:none;border-radius:5px;box-shadow:0 5px 15px rgba(22,160,133,.4);box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.4);color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--hover-transition)}.futuristic-button:hover{box-shadow:0 8px 25px rgba(22,160,133,.6);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.6);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.futuristic-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.futuristic-button:hover:before{left:100%}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.App{display:flex;flex-direction:column;font-family:Trispace,sans-serif}h2{color:var(--primary-color);display:inline-block;font-weight:700;margin-bottom:20px;padding:0 15px;position:relative;text-shadow:0 0 10px rgba(0,0,0,.5)}h2:after{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100%}.navbar-container{display:none;position:fixed;top:0;width:100%;z-index:10}.navbar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;height:80px;justify-content:flex-start;width:100%}.burger-icon,.close-icon{color:var(--primary-color);-webkit-filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.5));filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.5));height:35px;margin-left:2rem;transition:all .3s ease;width:35px}.burger-icon:hover,.close-icon:hover{color:var(--light-accent);cursor:pointer;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border-right:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;height:100vh;justify-content:center;left:-100%;position:fixed;top:0;transition:.85s;width:280px;z-index:10}.nav-menu.active{left:0;transition:.35s}.nav-menu-items{display:flex;flex-direction:column;list-style:none;margin-top:100px;padding:0;width:100%}.nav-menu-items li{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;justify-content:flex-start;margin:.5rem 1rem;overflow:hidden;padding:1.2rem 0 1.2rem 2rem;position:relative;transition:all .3s ease}.nav-menu-items li:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:5px}.nav-menu-items li:hover{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);-webkit-transform:translateX(10px);transform:translateX(10px)}.nav-menu-items li:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width:768px){.navbar-container{display:block}.navbar{display:flex}.nav-menu{top:5rem;width:100%}.nav-menu-items li{justify-content:center;padding-left:0;text-align:center}.nav-menu-items li:hover{-webkit-transform:translateX(0);transform:translateX(0)}.nav-menu-items li:before{display:none}}header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border-right:var(--glass-border);bottom:0;box-shadow:var(--glass-shadow);color:var(--text-color);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding-bottom:1rem;padding-top:4rem;position:fixed;top:0;width:200px;z-index:9}header:before{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);height:2px;opacity:.7;right:0;top:0}header:after,header:before{content:"";left:0;position:absolute}header:after{background:linear-gradient(to top,rgba(var(--primary-color-rgb),.05),transparent);bottom:0;height:40%;width:100%;z-index:-1}header .code-icon{color:var(--primary-color);cursor:pointer;-webkit-filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.8));filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.8));font-size:6rem;transition:var(--hover-transition)}header .code-icon:hover{color:var(--light-accent);-webkit-transform:scale(1.05) rotate(-5deg);transform:scale(1.05) rotate(-5deg)}.menu-bar{display:flex;flex-direction:column;justify-content:space-between;margin-top:2rem;width:200px}.menu-bar:first-child{border-top:1px solid #485460}.menu-bar li{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;display:flex;font-family:Trispace,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;overflow:hidden;padding:1.2rem 0;position:relative;text-decoration:none;transition:var(--hover-transition)}.menu-bar li:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-5px);transform:translateX(-5px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:5px}.menu-bar li:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}.menu-bar li:hover{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);padding-left:10px}.logos-rss-container{flex-wrap:wrap;gap:2rem;margin-top:2rem;width:100%}.logo,.logos-rss-container{display:flex;justify-content:center}.logo{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--text-color);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.logo:hover{box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.4);color:var(--primary-color);-webkit-transform:translateY(-5px);transform:translateY(-5px)}header .myName{background:linear-gradient(90deg,var(--primary-color),var(--light-accent));-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;font-family:Trispace,sans-serif;font-size:1.2rem;font-weight:bolder;letter-spacing:1px;margin-top:1rem;text-align:center;transition:var(--hover-transition);width:100%}header .myName:hover{letter-spacing:1.5px;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){header{height:200px;justify-content:space-between;left:0;padding:1rem;right:0;top:0;width:100vw}.menu-bar,header .code-icon{display:none}.logos-rss-container{gap:.5rem;padding:0}}#about-page{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;min-height:100vh;overflow:hidden;padding:5rem 2rem;position:relative;width:100%}#about-page:before{-webkit-animation:floatLight 10s ease-in-out infinite alternate;animation:floatLight 10s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.15),transparent 70%);content:"";-webkit-filter:blur(50px);filter:blur(50px);height:40%;left:10%;position:absolute;top:20%;width:40%;z-index:0}@-webkit-keyframes floatLight{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5%,5%);transform:translate(5%,5%)}}@keyframes floatLight{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5%,5%);transform:translate(5%,5%)}}#about-page>*{position:relative;z-index:1}#about-page .content{align-items:center;-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out;display:flex;flex-direction:column;gap:2rem;max-width:750px;width:55%}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#about-page .content h2{background:rgba(0,0,0,.3);border-radius:var(--card-border-radius);color:var(--light-accent);font-size:2.5rem;margin-bottom:2rem;overflow:hidden;padding:10px 30px;position:relative;text-shadow:0 0 15px rgba(var(--light-accent-rgb),.7)}#about-page .content h2:before{background:var(--light-accent);box-shadow:0 0 20px rgba(var(--light-accent-rgb),.8);content:"";height:100%;left:-10px;position:absolute;top:0;width:5px}#about-page .content p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);color:var(--text-secondary);font-size:1rem;line-height:1.8;overflow:hidden;padding:2.5rem;position:relative;text-align:justify}#about-page .content p strong{color:var(--primary-color);display:inline-block;font-weight:600;letter-spacing:.5px;margin-bottom:5px;position:relative}#about-page .content p strong:after{background:linear-gradient(90deg,var(--primary-color),transparent);bottom:-3px;content:"";height:1px;left:0;position:absolute;width:100%}#about-page .content p:before{background:linear-gradient(to bottom,var(--primary-color),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.avatar-container{align-items:center;-webkit-animation:fadeInRight 1s ease-out;animation:fadeInRight 1s ease-out;display:flex;flex-direction:column;gap:2rem;justify-content:center;max-width:450px;position:relative;width:35%}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.face-me{background-image:url(/static/media/face-me.7862cf93d7e5210d2bb1.png);background-position:50%;background-size:cover;border:4px solid rgba(var(--primary-color-rgb),.2);border-radius:50%;box-shadow:0 0 30px rgba(var(--primary-color-rgb),.5);height:250px;position:relative;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:250px}.face-me:hover{box-shadow:0 0 40px rgba(var(--primary-color-rgb),.7);-webkit-transform:scale(1.05);transform:scale(1.05)}.face-me:before{-webkit-animation:pulseRing 2s linear infinite;animation:pulseRing 2s linear infinite;border:2px solid rgba(var(--primary-color-rgb),.3);border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}@-webkit-keyframes pulseRing{0%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.1}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulseRing{0%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.1}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}.hobbies-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:2rem}.hobbies-container .icon{align-items:center;border-radius:50%;color:var(--primary-color);display:flex;-webkit-filter:drop-shadow(0 0 5px rgba(var(--primary-color-rgb),.5));filter:drop-shadow(0 0 5px rgba(var(--primary-color-rgb),.5));height:40px;justify-content:center;transition:all .3s ease;width:40px}.hobbies-container .icon:hover{color:var(--light-accent);-webkit-filter:drop-shadow(0 0 8px rgba(var(--light-accent-rgb),.7));filter:drop-shadow(0 0 8px rgba(var(--light-accent-rgb),.7));-webkit-transform:translateY(-8px) scale(1.2);transform:translateY(-8px) scale(1.2)}@media (max-width:1200px){#about-page{gap:3rem;padding:3rem 1.5rem}#about-page .content,.avatar-container{width:90%}}@media (max-width:768px){#about-page{gap:2rem;padding:2rem 1rem}#about-page .content p{padding:1.5rem}.face-me{height:200px;width:200px}}#contact-page{align-items:center;display:flex;gap:4rem;justify-content:center;min-height:100vh;overflow:hidden;padding:5rem 2rem;position:relative;width:100%}#contact-page:before{background:radial-gradient(circle at 80% 20%,rgba(var(--light-accent-rgb),.1),transparent 30%),radial-gradient(circle at 20% 80%,rgba(var(--primary-color-rgb),.15),transparent 40%);content:"";-webkit-filter:blur(50px);filter:blur(50px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#contact-page>*{position:relative;z-index:1}#contact-page .form-container{align-items:center;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;display:flex;flex-direction:column;max-width:600px;min-width:400px;width:45%}#contact-page .form-container h2{margin-bottom:2rem;text-align:center;width:100%}#contact-page form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;width:100%}#contact-page form:before{background:linear-gradient(90deg,transparent 0,transparent 48%,rgba(var(--primary-color-rgb),.1) 49%,rgba(var(--primary-color-rgb),.1) 51%,transparent 52%,transparent 100%),linear-gradient(0deg,transparent 0,transparent 48%,rgba(var(--primary-color-rgb),.1) 49%,rgba(var(--primary-color-rgb),.1) 51%,transparent 52%,transparent 100%);background-size:50px 50px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}#contact-page form label{color:var(--text-color);display:flex;flex-direction:column;font-weight:600;gap:.5rem;position:relative;width:100%}#contact-page form input[type=email],#contact-page form input[type=text],#contact-page form textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-color);font-family:Trispace,sans-serif;padding:.8rem 1rem;resize:none;transition:all .3s ease}#contact-page form input[type=email]:focus,#contact-page form input[type=text]:focus,#contact-page form textarea:focus{background:hsla(0,0%,100%,.1);border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.3);outline:none}#contact-page form textarea{min-height:150px}#contact-page .error-text,#contact-page .error-text-message{color:var(--error-color);font-size:.8rem;font-weight:400;margin-top:.3rem}#contact-page .message-ok{-webkit-animation:fadeInMessage .5s ease-out;animation:fadeInMessage .5s ease-out;color:var(--light-accent);font-weight:600;text-align:center;transition:all .3s ease}@-webkit-keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#contact-page .contact-button{align-self:center;background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border:none;border-radius:30px;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-family:Trispace,sans-serif;font-weight:600;letter-spacing:1px;margin-top:1rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .4s ease}#contact-page .contact-button:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.5);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#contact-page .contact-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}#contact-page .contact-button:hover:before{left:100%}.leaflet-container{-webkit-animation:fadeIn 1s ease-out .3s backwards;animation:fadeIn 1s ease-out .3s backwards;border:var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);-webkit-filter:saturate(.7) contrast(1.2);filter:saturate(.7) contrast(1.2);height:500px;overflow:hidden;position:relative;width:45%}.map-dark{-webkit-filter:saturate(.8) contrast(1.2) brightness(.85);filter:saturate(.8) contrast(1.2) brightness(.85)}.leaflet-container:before{background:linear-gradient(90deg,var(--primary-color),var(--light-accent));content:"";height:5px;left:0;position:absolute;top:0;width:100%;z-index:1000}.leaflet-control-zoom{background:rgba(10,10,12,.8)!important;border:none!important;border-radius:10px!important;margin:15px!important}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background-color:rgba(22,160,133,.2)!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important;color:var(--primary-color)!important;transition:all .3s ease!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{background-color:rgba(22,160,133,.5)!important;color:#fff!important}.leaflet-popup-content-wrapper{border-radius:10px!important;box-shadow:0 5px 15px rgba(0,0,0,.5)!important;color:var(--text-color)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(15,15,20,.9)!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important}@media (max-width:960px){#contact-page{flex-direction:column;gap:3rem;padding:3rem 1rem}#contact-page .form-container,.leaflet-container{min-width:0;width:100%}.leaflet-container{height:400px}}#presentation-page{align-items:center;display:flex;flex-direction:column;gap:3rem;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}#presentation-page:before{-webkit-animation:pulse 15s ease-in-out infinite alternate;animation:pulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 35%,rgba(var(--primary-color-rgb),.15),transparent 25%),radial-gradient(circle at 80% 10%,rgba(var(--light-accent-rgb),.1),transparent 35%)}#presentation-page:after,#presentation-page:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#presentation-page:after{-webkit-animation:grid-move 20s linear infinite;animation:grid-move 20s linear infinite;background-image:linear-gradient(rgba(var(--primary-color-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-color-rgb),.1) 1px,transparent 1px);background-size:40px 40px;opacity:.2;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:rotateX(60deg) scale(1.5);transform:rotateX(60deg) scale(1.5);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes grid-move{0%{background-position:0 0}to{background-position:0 40px}}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 40px}}.message-container{color:var(--text-color);display:flex;flex-direction:column;font-size:3.5rem;gap:1rem;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.8);-webkit-transform:translateY(-50px);transform:translateY(-50px);z-index:1}.message-container span{background:linear-gradient(90deg,var(--primary-color),var(--light-accent));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:700;position:relative}.message-container span:after{background:linear-gradient(90deg,var(--primary-color),var(--light-accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.message-container:hover span:after{-webkit-transform:scaleX(1);transform:scaleX(1)}#presentation-page p{-webkit-animation:fadeIn 1s ease-in-out 3s forwards;animation:fadeIn 1s ease-in-out 3s forwards;color:var(--text-secondary);font-size:1.5rem;font-weight:300;letter-spacing:3px}#presentation-page p,.contact-button-landing{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.contact-button-landing{-webkit-animation:buttonAppear 1s ease-in-out 4s forwards;animation:buttonAppear 1s ease-in-out 4s forwards;background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border:none;border-radius:30px;box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.4);color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.8rem 1.8rem;position:relative;transition:all .4s ease;z-index:1}@-webkit-keyframes buttonAppear{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes buttonAppear{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact-button-landing:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.6);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contact-button-landing:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%;z-index:-1}.contact-button-landing:hover:before{left:100%}.contact-button-header{background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border-radius:30px;box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.4);color:#fff;cursor:pointer;display:block;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;position:fixed;right:3rem;top:1.5rem;transition:all .3s ease;z-index:10}.contact-button-header:hover{box-shadow:0 8px 20px rgba(var(--primary-color-rgb),.6);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:768px){.message-container{font-size:2.5rem}#presentation-page p{font-size:1.2rem}.contact-button-header{font-size:.8rem;padding:.5rem 1rem;right:1rem;top:1rem}}:root{--skill-bar-lenght:0%}#skills-page{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;min-height:100vh;overflow:hidden;padding:5rem 2rem;position:relative;width:100%}#skills-page:before{background-image:url(/static/media/circuit-pattern.df64700716dec08e0140.png);content:"";height:60%;mask-image:radial-gradient(circle at 70% 30%,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0,transparent 70%);opacity:.05;position:absolute;right:0;top:0;width:60%;z-index:0}#skills-page>*{position:relative;z-index:1}#skills-page h2{background:rgba(0,0,0,.3);border-radius:var(--card-border-radius);color:var(--light-accent);display:inline-block;font-size:2.5rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;overflow:hidden;padding:10px 30px;position:relative;text-align:center;text-shadow:0 0 15px rgba(var(--light-accent-rgb),.7);width:100%}#skills-page h2:before{background:var(--light-accent);box-shadow:0 0 20px rgba(var(--light-accent-rgb),.8);content:"";height:100%;left:-10px;position:absolute;top:0;width:5px}#skills-page h3{color:var(--primary-color);display:inline-block;font-size:1.8rem;margin-bottom:2.5rem;position:relative;text-align:center}#skills-page h3:after{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100%}.skills-container{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;width:100%}#skills-page .soft-skills,#skills-page .tecnologies-container{align-items:center;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:2.5rem;max-width:550px;min-width:400px;overflow:hidden;padding:3rem;position:relative;transition:all .4s ease;width:45%}#skills-page .soft-skills:after,#skills-page .tecnologies-container:after{background:radial-gradient(circle,rgba(var(--primary-color-rgb),.2),transparent 70%);bottom:0;content:"";height:100px;opacity:.5;position:absolute;right:0;transition:all .5s ease;width:100px}#skills-page .soft-skills:hover:after,#skills-page .tecnologies-container:hover:after{opacity:.8;-webkit-transform:scale(1.5);transform:scale(1.5)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#skills-page .soft-skills:hover,#skills-page .tecnologies-container:hover{box-shadow:0 15px 35px rgba(0,0,0,.5);-webkit-transform:translateY(-10px);transform:translateY(-10px)}#skills-page .tecnologies-container{overflow:hidden;position:relative}#skills-page .tecnologies-container:before{background:linear-gradient(90deg,var(--primary-color),var(--light-accent));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.skills__item{align-items:center;display:flex;gap:2rem;margin-bottom:2rem;position:relative;width:100%}.skills__item:last-child{margin-bottom:0}.skills__item .technologies-icon{color:var(--primary-color);-webkit-filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.5));filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.5));font-size:2.8rem;transition:all .3s ease}.skills__item:hover .technologies-icon{color:var(--light-accent);-webkit-filter:drop-shadow(0 0 12px rgba(var(--light-accent-rgb),.7));filter:drop-shadow(0 0 12px rgba(var(--light-accent-rgb),.7));-webkit-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}.skills__bar,.skills__bar:after{background-color:hsla(0,0%,100%,.08);border-radius:30px;height:10px;overflow:hidden;position:relative;width:300px}.skills__bar:after{-webkit-animation:skills-bar-fill 2.5s cubic-bezier(.17,.67,.83,.67) forwards;animation:skills-bar-fill 2.5s cubic-bezier(.17,.67,.83,.67) forwards;border-radius:30px;content:"";height:100%;left:-300px;position:absolute;top:0}.skills__bar.animate:after{-webkit-animation:none;animation:none;-webkit-animation:skills-bar-fill 2.5s cubic-bezier(.17,.67,.83,.67) forwards;animation:skills-bar-fill 2.5s cubic-bezier(.17,.67,.83,.67) forwards}.blue:after{background:linear-gradient(90deg,var(--primary-color),#3498db);box-shadow:0 0 20px rgba(52,152,219,.5)}.red:after{background:linear-gradient(90deg,var(--primary-color),#e74c3c);box-shadow:0 0 20px rgba(231,76,60,.5)}.orange:after{background:linear-gradient(90deg,var(--primary-color),#f39c12);box-shadow:0 0 20px rgba(243,156,18,.5)}.violet:after{background:linear-gradient(90deg,var(--primary-color),#9b59b6);box-shadow:0 0 20px rgba(155,89,182,.5)}.green:after{background:linear-gradient(90deg,var(--primary-color),#2ecc71);box-shadow:0 0 20px rgba(46,204,113,.5)}.php-color:after{background:linear-gradient(90deg,var(--primary-color),#8e44ad);box-shadow:0 0 20px rgba(142,68,173,.5)}.python-color:after{background:linear-gradient(90deg,var(--primary-color),#f1c40f);box-shadow:0 0 20px rgba(241,196,15,.5)}.skills__bar:after{-webkit-transform-origin:left;transform-origin:left;width:0;width:var(--skill-bar-lenght)}.skills__bar--10:after{--skill-bar-lenght:10%}.skills__bar--20:after{--skill-bar-lenght:20%}.skills__bar--30:after{--skill-bar-lenght:30%}.skills__bar--40:after{--skill-bar-lenght:40%}.skills__bar--50:after{--skill-bar-lenght:50%}.skills__bar--60:after{--skill-bar-lenght:60%}.skills__bar--70:after{--skill-bar-lenght:70%}.skills__bar--80:after{--skill-bar-lenght:80%}.skills__bar--85:after{--skill-bar-lenght:85%}.skills__bar--90:after{--skill-bar-lenght:90%}@-webkit-keyframes skills-bar-fill{0%{left:0;width:0}to{left:0;width:0;width:var(--skill-bar-lenght)}}@keyframes skills-bar-fill{0%{left:0;width:0}to{left:0;width:0;width:var(--skill-bar-lenght)}}#skills-page .soft-skills{overflow:hidden;position:relative}#skills-page .soft-skills:before{background:linear-gradient(to bottom,var(--primary-color),var(--light-accent));content:"";height:100%;position:absolute;right:0;top:0;width:5px}.soft-skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);width:100%}.soft-sklls-contain{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;padding:1rem 1.5rem;transition:all .3s ease}.soft-sklls-contain:hover{background:rgba(var(--primary-color-rgb),.1);box-shadow:0 10px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.soft-sklls-contain span{background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-color-rgb),.5);height:12px;margin-right:15px;width:12px}.soft-sklls-contain p{font-weight:500;letter-spacing:.5px;margin:0}@media (max-width:960px){#skills-page .soft-skills,#skills-page .tecnologies-container{min-width:0;padding:2rem;width:90%}.skills__bar,.skills__bar:after{width:200px}.skills__bar:after{left:-200px}.skills__item{gap:1rem}.soft-skills-grid{grid-template-columns:1fr}}:root{--primary-color:#16a085;--primary-color-rgb:22,160,133}#works-page{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.6));color:var(--letter-color);display:flex;flex-direction:column;padding:4rem 2rem;width:100%}#works-page h2{-webkit-animation:shine 3s linear infinite;animation:shine 3s linear infinite;background:linear-gradient(90deg,#16a085,#fff,#16a085);background:linear-gradient(90deg,var(--primary-color),#fff,var(--primary-color));background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;font-size:3rem;letter-spacing:2px;margin-bottom:3rem;text-align:center;text-transform:uppercase}@-webkit-keyframes shine{to{background-position:200%}}@keyframes shine{to{background-position:200%}}.projects-gallery{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1400px;width:100%}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(25,25,35,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 0 20px rgba(22,160,133,.3);box-shadow:0 0 20px rgba(var(--primary-color-rgb),.3);display:flex;flex-direction:column;height:450px;overflow:hidden;position:relative;transition:all .4s ease}.project-card:hover{box-shadow:0 0 30px rgba(22,160,133,.5);box-shadow:0 0 30px rgba(var(--primary-color-rgb),.5);-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.project-card:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,#16a085,transparent,transparent,#16a085);background:linear-gradient(45deg,var(--primary-color),transparent,transparent,var(--primary-color));background-size:400%;border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s;z-index:-1}.project-card:hover:before{opacity:1}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:100%}.project-card:hover .project-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;position:relative}.project-title{color:#16a085;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem;position:relative}.project-description{color:hsla(0,0%,100%,.8);flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:#16a085;color:var(--primary-color);display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-link:hover{background:#16a085;background:var(--primary-color);color:var(--second-color);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{background:rgba(22,160,133,.2);background:rgba(var(--primary-color-rgb),.2);border-radius:20px;color:#16a085;color:var(--primary-color);font-size:.7rem;letter-spacing:1px;padding:.3rem .6rem;text-transform:uppercase}@media (max-width:768px){.projects-gallery{grid-template-columns:1fr}#works-page{padding:2rem 1rem}#works-page h2{font-size:2rem}.project-card{height:auto;min-height:400px}}main{background:linear-gradient(135deg,rgba(10,10,12,.9),rgba(13,17,23,.8));color:var(--text-color);display:flex;flex-direction:column;flex-grow:1;margin-left:200px;overflow:hidden;padding-left:3rem;position:relative}main:before{background:url(/static/media/circuit-pattern.df64700716dec08e0140.png);opacity:.1;position:absolute}main:after,main:before{content:"";height:100%;left:0;pointer-events:none;top:0;width:100%;z-index:0}main:after{background:radial-gradient(circle at 20% 30%,rgba(var(--primary-color-rgb),.15) 0,transparent 20%),radial-gradient(circle at 70% 60%,rgba(var(--light-accent-rgb),.1) 0,transparent 20%);position:fixed}main>*{position:relative;z-index:1}main .buttons-scroll-conatiner{bottom:2rem;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;gap:3px;position:fixed;right:4rem;z-index:999999999}main .up-button{align-items:center;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;background:var(--glass-bg);border:var(--glass-border);border-radius:50%;box-shadow:var(--glow-shadow);color:var(--primary-color);display:flex;font-size:3rem;height:60px;justify-content:center;transition:var(--hover-transition);width:60px;z-index:99999}main .up-button:hover{box-shadow:0 0 25px rgba(var(--primary-color-rgb),.8);color:var(--light-accent);-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}@media (max-width:768px){main{margin-left:0;margin-top:4rem;padding-left:0}main .buttons-scroll-conatiner{bottom:1rem;right:1rem}main .up-button{font-size:2rem;height:50px;width:50px}}.cv-container{-webkit-animation:pulse 2s ease-in-out infinite alternate;animation:pulse 2s ease-in-out infinite alternate;position:fixed;right:20px;top:20px;z-index:10}.cv-container a{background:linear-gradient(45deg,var(--primary-color),var(--light-accent));border-radius:30px;box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.4);color:#fff;display:inline-block;font-family:Trispace,sans-serif;font-weight:700;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:var(--hover-transition)}.cv-container a:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.6);-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05)}.cv-container a:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.cv-container a:hover:before{left:100%}.cv-container:after{-webkit-animation:blink 1.5s infinite alternate;animation:blink 1.5s infinite alternate;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color);content:"";height:10px;position:absolute;right:5px;top:5px;width:10px}@-webkit-keyframes blink{0%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes blink{0%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media (max-width:768px){.cv-container{bottom:20px;right:20px;top:auto}.cv-container a{font-size:.9rem;padding:.6rem 1.2rem}}:root{--first-color:#1e272e;--second-color:#181818;--letter-color:#808e9b;--green-color:#16a085;--error-color:#ff5e57;--light-first-color:#d3dee6;--light-second-color:#d74444;--light-letter-color:#161717}.home-page{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
/*# sourceMappingURL=main.1b869241.css.map*/