:root{--duration: .6s;--easing: cubic-bezier(.25, 1, .5, 1);--transition: var(--duration) var(--easing);--wide: "Montserrat", sans-serif;--mono: "Ubuntu Mono", sans-serif}*{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;text-decoration:none;vertical-align:baseline;background-clip:padding-box;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;cursor:none;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}*::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}html,body{overflow:hidden}html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}body{text-size-adjust:100%;color:#fff;font-family:var(--wide);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:transparent;line-height:1;font-weight:400;background-color:#000}#experience{z-index:1;position:fixed!important;top:0;right:0;bottom:0;left:0}@keyframes pulse{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1)}}.cursor-container{z-index:100000;position:fixed;mix-blend-mode:difference;color:#fff}.cursor-dot,.cursor-aura-container,.cursor-aura-container .cursor-aura,.cursor-icon-aura,.cursor-icon-aura .cursor-icon-container,.cursor-icon-aura .cursor-icon-wrapper{-webkit-user-select:none;user-select:none;pointer-events:none;display:none;top:0;left:0;border-radius:50%;opacity:1;transform:scale(1)}@media (hover: hover){.cursor-dot,.cursor-aura-container,.cursor-aura-container .cursor-aura,.cursor-icon-aura,.cursor-icon-aura .cursor-icon-container,.cursor-icon-aura .cursor-icon-wrapper{display:block}}.cursor-dot,.cursor-aura-container,.cursor-icon-aura{position:fixed;transition:opacity var(--transition),transform var(--transition)}.cursor-dot{background-color:#fff}.cursor-aura-container .cursor-aura{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff3;transition:background-color var(--transition)}.cursor-icon-aura{opacity:0;transform:scale(0)}.cursor-icon-aura .cursor-icon-wrapper{position:relative}.cursor-icon-aura .cursor-icon-container{position:absolute;top:50%;left:50%;line-height:0}.cursor-icon-aura .cursor-icon-container,.cursor-icon-aura .cursor-icon-container svg{width:100%;height:100%}.cursor-out .cursor-dot,.cursor-out .cursor-aura-container,.cursor-out .cursor-icon-aura{opacity:0!important;transform:scale(0)!important}.cursor-down .cursor-aura-container{transform:scale(.6)}.cursor-hovering .cursor-dot{transform:scale(0)}.cursor-hovering .cursor-aura-container{opacity:0;transform:scale(0)}.cursor-hovering.cursor-down .cursor-aura-container{transform:scale(0)}.cursor-loading .cursor-aura{background-color:#fff0;border:1px solid white;animation:pulse 1s linear infinite}.cursor-icon .cursor-dot{opacity:0;transform:scale(0)}.cursor-icon .cursor-icon-aura{opacity:1;transform:scale(1)}.navbar{z-index:3;position:fixed;mix-blend-mode:difference;display:flex;justify-content:space-between;align-items:center;left:1.5rem;right:1.5rem;top:1rem}.navbar-item{flex:1 1 auto;width:25%;display:flex;align-items:center}.navbar-item:first-child{justify-content:flex-start}.navbar-item:nth-child(2){width:50%;text-align:center;justify-content:center}.navbar-item:last-child{justify-content:flex-end}.navbar .do-it{display:flex;flex-direction:row;gap:20px;align-items:end}@media (max-width: 768px){.navbar .do-it{position:absolute;margin-top:-7px;top:0;right:0;display:flex;flex-direction:column;gap:20px;align-items:end}}.navbar-text{font-size:1rem;line-height:1.1rem;text-transform:uppercase;letter-spacing:.07rem;font-family:var(--mono);color:#fff}.navbar-button{position:relative;display:flex;align-items:center;justify-content:center;mix-blend-mode:difference;width:1em;height:1em;padding:.3em;font-size:2.5rem;background-color:transparent}.navbar-button-fixed{z-index:3;position:fixed;bottom:.5rem}.navbar-button-fixed.navbar-button-left{left:.5rem}.navbar-button-fixed.navbar-button-right{right:.5rem}.navbar-button-circle{display:block;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(to bottom,#4158d0,#c850c0,#ffcc70);transition:transform var(--transition)}.navbar-button-icon{position:relative;display:block;width:100%;height:100%;color:#fff}.navbar-button-icon svg{position:absolute;width:150%;height:150%;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-button-icon-big svg{width:200%;height:200%}.navbar-button-aura{position:absolute;display:block;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;border-radius:50%;background-color:#fff3;transition:transform var(--transition),opacity var(--transition)}@media (pointer: coarse){.navbar-button-aura{display:none}}.navbar-button:hover .navbar-button-circle{transform:scale(.8)}@media (pointer: coarse){.navbar-button:hover .navbar-button-circle{transform:scale(1)}}.navbar-button:hover .navbar-button-aura{transform:translate(-50%,-50%) scale(.8);opacity:1}.navbar-button:active .navbar-button-circle{transform:scale(.6)}@media (pointer: coarse){.navbar-button:active .navbar-button-circle{transform:scale(.8)}}.navbar-button:active .navbar-button-aura{transform:translate(-50%,-50%) scale(.6);opacity:1}.nav-button{position:relative;background:transparent;border:1px solid transparent;padding:.5rem 1rem;border-radius:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.005,.985,.22,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover{border-color:#ffffff4d;background:#ffffff0d}.nav-button:hover .nav-button-aura{transform:scale(1.2);opacity:.4}.nav-button.nav-button-active{border-color:#fff9;background:#ffffff1a;box-shadow:0 0 20px #ffffff1a,inset 0 1px #fff3}.nav-button.nav-button-active:hover{border-color:#fffc;background:#ffffff26}.nav-button .nav-button-aura{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .3s cubic-bezier(.005,.985,.22,1);pointer-events:none;z-index:-1}@media (max-width: 768px){.nav-button{padding:.4rem .8rem;font-size:.9rem}}[data-theme=dark] .nav-button:hover{border-color:#fff6;background:#ffffff14}[data-theme=dark] .nav-button.nav-button-active{border-color:#ffffffb3;background:#ffffff1f}[data-theme=light] .nav-button{color:#333}[data-theme=light] .nav-button:hover{border-color:#0000004d;background:#0000000d}[data-theme=light] .nav-button.nav-button-active{border-color:#0009;background:#0000001a;box-shadow:0 0 20px #0000001a,inset 0 1px #ffffff80}[data-theme=light] .nav-button .nav-button-aura{background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%)}.experiences{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;mix-blend-mode:difference;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.005,.985,.22,1)}@media (max-width: 767.98px){.experiences{align-items:flex-start;padding-top:8rem}}.experiences.open{z-index:10;opacity:1;visibility:visible}.experiences.open .experiences-container{transform:translateY(0);opacity:1}.experiences.open .experiences-title{animation:slideInFromTop .8s cubic-bezier(.005,.985,.22,1) .2s forwards}.experiences.open .experiences-timeline-item{animation:slideInFromBottom .6s cubic-bezier(.005,.985,.22,1) forwards}.experiences.open .experiences-timeline-item:nth-child(1){animation-delay:.3s}.experiences.open .experiences-timeline-item:nth-child(2){animation-delay:.4s}.experiences.open .experiences-timeline-item:nth-child(3){animation-delay:.5s}.experiences.open .experiences-timeline-item:nth-child(4){animation-delay:.6s}.experiences.open .experiences-timeline-item:nth-child(5){animation-delay:.7s}.experiences.open .experiences-timeline-item:nth-child(6){animation-delay:.8s}.experiences-container{width:90%;max-width:1200px;height:75vh;display:flex;flex-direction:column;transform:translateY(50px);opacity:0;transition:all .6s cubic-bezier(.005,.985,.22,1) .1s}@media (max-width: 767.98px){.experiences-container{width:95%;height:70vh;transform:translateY(30px)}}.experiences-header{margin-bottom:2rem;text-align:center}.experiences-title{color:transparent;font-family:var(--wide);font-size:3rem;line-height:1;text-transform:uppercase;-webkit-text-stroke:.12rem white;transition:color .3s ease,-webkit-text-stroke .3s ease;transform:translateY(-30px);opacity:0}.experiences-title:hover{color:#fff;-webkit-text-stroke:0}@media (max-width: 767.98px){.experiences-title{font-size:2rem;-webkit-text-stroke-width:.08rem;transform:translateY(-20px)}}.experiences-timeline-wrapper{flex:1;overflow-y:auto;padding-right:1rem}.experiences-timeline-wrapper::-webkit-scrollbar{width:4px}.experiences-timeline-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.experiences-timeline-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.experiences-timeline-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff80}.experiences-timeline{position:relative;padding-left:2rem}@media (max-width: 767.98px){.experiences-timeline{padding-left:1.5rem}}.experiences-timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;transform:translateY(40px);opacity:0}.experiences-timeline-item:last-child{margin-bottom:1rem}.experiences-timeline-item:last-child .experiences-timeline-line{display:none}.experiences-timeline-marker{position:absolute;left:-2rem;top:0;display:flex;flex-direction:column;align-items:center}@media (max-width: 767.98px){.experiences-timeline-marker{left:-1.5rem}}.experiences-timeline-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid white;z-index:2;transition:transform .3s ease,box-shadow .3s ease}.experiences-timeline-item:hover .experiences-timeline-dot{transform:scale(1.2);box-shadow:0 0 20px #ffffff80}.experiences-timeline-line{width:2px;height:100px;background:#ffffff4d;margin-top:10px;position:relative;overflow:hidden}.experiences-timeline-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#fff9;animation:lineGrow .8s ease-out .5s forwards}.experiences-timeline-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-left:1rem;width:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:text;user-select:text;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.experiences-timeline-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transition:left .6s ease}.experiences-timeline-content:hover{background:#ffffff14;border-color:#fff3;transform:translate(8px) translateY(-2px);box-shadow:0 10px 30px #0003}.experiences-timeline-content:hover:before{left:100%}@media (max-width: 767.98px){.experiences-timeline-content{padding:1rem;margin-left:.5rem;border-radius:8px}}.experiences-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}@media (max-width: 767.98px){.experiences-timeline-header{flex-direction:column;gap:.25rem}}.experiences-timeline-company{color:#fff;font-family:var(--wide);font-size:1.25rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.05rem;position:relative}.experiences-timeline-company:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#fff,#ffffff4d);transition:width .3s ease}.experiences-timeline-content:hover .experiences-timeline-company:after{width:100%}.experiences-timeline-duration{color:#ffffffb3;font-family:var(--mono);font-size:.9rem;font-weight:500;background:#ffffff1a;padding:.25rem .5rem;border-radius:6px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.experiences-timeline-content:hover .experiences-timeline-duration{background:#ffffff26;color:#ffffffe6}.experiences-timeline-position{color:#ffffffe6;font-family:var(--wide);font-size:1rem;font-weight:500;margin:0 0 1rem;font-style:italic}.experiences-timeline-description{color:#fffc;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;font-family:var(--wide)}.experiences-timeline-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.experiences-timeline-tech-tag{background:#ffffff26;color:#fff;font-size:.8rem;font-family:var(--mono);padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.experiences-timeline-tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.experiences-timeline-tech-tag:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.experiences-timeline-tech-tag:hover:before{left:100%}.experiences-button{position:relative;background-color:transparent}.experiences-button-aura{position:absolute;display:block;width:calc(100% + 1rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);border-radius:8px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:all var(--transition)}@media (pointer: coarse){.experiences-button-aura{display:none}}.experiences-button:hover .experiences-button-aura{transform:translate(-50%,-50%) scale(1);opacity:1;box-shadow:0 10px 25px #0003}.experiences-button:active .experiences-button-aura{transform:translate(-50%,-50%) scale(.9);opacity:1}.experiences-button-text{display:block;opacity:0}.experiences-button-text-close{position:absolute;top:0;left:0;display:block}.contacts{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;mix-blend-mode:difference}@media (max-width: 767.98px){.contacts{align-items:flex-end}}.contacts-button{position:relative;background-color:transparent}.contacts-button-aura{position:absolute;display:block;width:calc(100% + 1rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);border-radius:5px;background-color:#fff3;opacity:0;transition:transform var(--transition),opacity var(--transition)}@media (pointer: coarse){.contacts-button-aura{display:none}}.contacts-button:hover .contacts-button-aura{transform:translate(-50%,-50%) scale(1);opacity:1}.contacts-button:active .contacts-button-aura{transform:translate(-50%,-50%) scale(.9);opacity:1}.contacts-button-text{display:block;opacity:0}.contacts-button-text-close{position:absolute;top:0;left:0;display:block}.contacts-socials{width:80%;display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 767.98px){.contacts-socials{width:90%;margin-bottom:18vw}}.contacts-socials-link{color:transparent;font-family:var(--wide);font-size:5vw;line-height:1;text-transform:uppercase;-webkit-text-stroke:.175rem white;transition:color .3s ease,-webkit-text-stroke .3s ease}.contacts-socials-link:hover{color:#fff;-webkit-text-stroke:0}@media (max-width: 1182px){.contacts-socials-link{-webkit-text-stroke-width:.16rem}}@media (max-width: 991.98px){.contacts-socials-link{font-size:8vw;-webkit-text-stroke-width:.11rem}}@media (max-width: 767.98px){.contacts-socials-link{font-size:9vw;-webkit-text-stroke-width:.09rem}}@media (max-width: 479.98px){.contacts-socials-link{-webkit-text-stroke-width:.06rem}}.contacts-socials-link-wrapper{display:flex;align-items:center;justify-content:center;overflow:hidden}.contacts-socials-link-wrapper+.contacts-socials-link-wrapper{margin-top:.5vw}.contacts-socials-link-wrapper:hover{transform:skew(-10deg)}.contacts.open{z-index:10}.skills{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.005,.985,.22,1)}@media (max-width: 767.98px){.skills{align-items:flex-start;padding-top:2rem}}.skills.open{z-index:10;opacity:1;visibility:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.skills.open .skills-content{transform:translateY(0);opacity:1}.skills-content{width:90%;max-width:1200px;height:75vh;display:flex;flex-direction:column;gap:2rem;padding:2rem;border-radius:20px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000040;overflow-y:auto;transform:translateY(50px);opacity:0;transition:all .6s cubic-bezier(.005,.985,.22,1) .1s}@media (max-width: 991.98px){.skills-content{width:95%;height:85vh;padding:1.5rem;transform:translateY(40px)}}@media (max-width: 767.98px){.skills-content{height:90vh;padding:1rem;transform:translateY(30px)}}.skills-content::-webkit-scrollbar{width:6px}.skills-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.skills-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.skills-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;flex:1}@media (max-width: 767.98px){.skills-grid{grid-template-columns:1fr;gap:1rem}}.skills-category{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:1.5rem;transition:all .3s ease;opacity:0;transform:translateY(30px);animation:slideInUp .6s ease forwards}.skills-category:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 15px 35px #0003}.skills-category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.skills-category-icon{font-size:1.5rem;filter:grayscale(.5);transition:filter .3s ease}.skills-category-title{color:#fff;font-family:var(--wide);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.skills-category:hover .skills-category-icon{filter:grayscale(0)}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skills .skill-item{background:#ffffff1a;color:#ffffffe6;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;opacity:0;transform:scale(.8);animation:scaleIn .4s ease forwards;cursor:default}.skills .skill-item:hover{background:#fff3;color:#fff;border-color:#ffffff4d;transform:scale(1.05)}.skills-button{position:relative;background-color:transparent}.skills-button-glow{position:absolute;display:block;width:calc(100% + 1rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);border-radius:8px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);opacity:0;transition:all var(--transition)}@media (pointer: coarse){.skills-button-glow{display:none}}.skills-button:hover .skills-button-glow{transform:translate(-50%,-50%) scale(1);opacity:1;box-shadow:0 10px 25px #0003}.skills-button:active .skills-button-glow{transform:translate(-50%,-50%) scale(.95);opacity:1}.skills-button-text{display:block;opacity:0}.skills-button-text-close{position:absolute;top:0;left:0;display:block}.skills-socials{display:flex;flex-direction:row;justify-content:center;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 767.98px){.skills-socials{flex-direction:column;align-items:center;gap:.5rem}}.skills-socials-link{position:relative;color:#ffffffb3;font-family:var(--wide);font-size:.9rem;line-height:1;text-transform:uppercase;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}@media (max-width: 767.98px){.skills-socials-link{font-size:.8rem;padding:.6rem 1.2rem}}.skills-socials-link:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.skills-socials-link-text{position:relative;z-index:2}.skills-socials-link-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.skills-socials-link:hover .skills-socials-link-glow{left:100%}.skills-socials-link-wrapper{display:flex;align-items:center;justify-content:center;overflow:visible}.skills-socials-link-wrapper:hover{transform:none}.skill-item{background:#ffffff1a;color:#ffffffe6;padding:.5rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;opacity:0;transform:scale(.8);animation:scaleIn .4s ease forwards;cursor:default;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.skill-item:hover{background:#fff3;color:#fff;border-color:#ffffff4d;transform:scale(1.05)}.skill-item .skill-icon{font-size:1rem;flex-shrink:0;filter:brightness(.9);transition:filter .3s ease}.skill-item .skill-name{font-size:.85rem;font-weight:500}.skill-item:hover .skill-icon{filter:brightness(1.1)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.projects{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.005,.985,.22,1)}.projects.open{pointer-events:auto;z-index:10;opacity:1;visibility:visible}.projects.open .projects-container{transform:translateY(0);opacity:1}.projects.open .project-card{animation:slideInFromBottom .6s cubic-bezier(.005,.985,.22,1) forwards}.projects.open .project-card:nth-child(1){animation-delay:.2s}.projects.open .project-card:nth-child(2){animation-delay:.3s}.projects.open .project-card:nth-child(3){animation-delay:.4s}.projects.open .project-card:nth-child(4){animation-delay:.5s}.projects.open .project-card:nth-child(5){animation-delay:.6s}.projects.open .project-card:nth-child(6){animation-delay:.7s}.projects.open .project-card:nth-child(7){animation-delay:.8s}.projects.open .project-card:nth-child(8){animation-delay:.9s}.projects .projects-glass-bg{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);z-index:-1}.projects .projects-container{width:90%;height:75%;max-width:1400px;position:relative;background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3;transform:translateY(50px);opacity:0;transition:all .6s cubic-bezier(.005,.985,.22,1) .1s}.projects .projects-scrollable{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:40px;scroll-behavior:smooth}.projects .projects-scrollable::-webkit-scrollbar{width:8px}.projects .projects-scrollable::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.projects .projects-scrollable::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}.projects .projects-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff80}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;padding:20px 0}@media (max-width: 1200px){.projects .projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}}@media (max-width: 768px){.projects .projects-grid{grid-template-columns:1fr;gap:20px}}.projects .project-card{position:relative;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;height:450px;transform:translateY(60px);opacity:0}.projects .project-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff4d;transform:translateY(-8px)}.projects .project-card:hover .project-image img{transform:scale(1.1)}.projects .project-card:hover .project-overlay,.projects .project-card:hover .card-glass-effect{opacity:1}.projects .project-card.coming-soon .project-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:2}.projects .project-image{position:relative;height:220px;overflow:hidden;border-radius:16px 16px 0 0}.projects .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.projects .project-image .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0009,#0000004d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:3}.projects .project-info{padding:24px;height:230px;display:flex;flex-direction:column;justify-content:space-between}.projects .project-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 12px;line-height:1.3;text-transform:uppercase;letter-spacing:.5px;position:relative}.projects .project-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#fff,#ffffff4d);transition:width .3s ease}.project-card:hover .projects .project-title:after{width:50%}.projects .project-description{color:#fffc;font-size:.95rem;line-height:1.5;margin:0 0 20px;flex-grow:1}.projects .project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.projects .tech-tag{background:#ffffff1a;color:#ffffffe6;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.projects .tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.projects .tech-tag:hover{background:#fff3;transform:translateY(-2px)}.projects .tech-tag:hover:before{left:100%}.projects .coming-soon-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:4;box-shadow:0 4px 15px #ff6b6b66;animation:pulse 2s infinite}.projects .card-glass-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:20px}.projects .scroll-arrow{position:fixed;left:50%;transform:translate(-50%);width:60px;height:60px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease}.projects .scroll-arrow span{color:#fff;font-size:24px;font-weight:700}.projects .scroll-arrow:hover{background:#fff3;transform:translate(-50%) scale(1.1);box-shadow:0 8px 25px #0000004d}.projects .scroll-arrow.top{top:80px}.projects .scroll-arrow.bottom{bottom:80px}.projects-button{position:relative;background-color:transparent}.projects-button-aura{position:absolute;display:block;width:calc(100% + 1rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);border-radius:8px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (pointer: coarse){.projects-button-aura{display:none}}.projects-button:hover .projects-button-aura{transform:translate(-50%,-50%) scale(1);opacity:1;box-shadow:0 10px 25px #0003}.projects-button:active .projects-button-aura{transform:translate(-50%,-50%) scale(.9);opacity:1}.projects-button-text{display:block;color:#fff;font-weight:600}.projects-button-text-close{position:absolute;top:0;left:0;display:block;color:#fff}@media (max-width: 768px){.projects .projects-container{width:95%;height:90%}.projects .projects-scrollable{padding:20px}.projects .project-card{height:400px}.projects .project-image{height:180px}.projects .project-info{height:220px;padding:20px}.projects .scroll-arrow{width:50px;height:50px}.projects .scroll-arrow span{font-size:20px}.projects .scroll-arrow.top{top:60px}.projects .scroll-arrow.bottom{bottom:60px}}.projects .projects-link-wrapper{display:inline-block;position:relative}.projects .projects-link-wrapper:focus{outline:none}.projects .projects-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:25px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.5px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:10}.projects .projects-link-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff4d}.projects .projects-link-button:hover .link-arrow{transform:translate(4px)}.projects .projects-link-button:hover .link-text{transform:translate(-2px)}.projects .projects-link-button:active{transform:translateY(0);box-shadow:0 4px 15px #0003,inset 0 1px #fff3}.projects .projects-link-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.projects .link-text{display:inline-block;transition:transform .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.projects .link-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;transition:transform .3s cubic-bezier(.25,.46,.45,.94);line-height:1}.projects .projects-link-button-gradient{background:linear-gradient(135deg,#ffffff26,#ffffff0d)}.projects .projects-link-button-gradient:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26)}.projects .projects-link-button-compact{padding:8px 16px;font-size:.8rem;border-radius:20px;gap:6px}.projects .projects-link-button-large{padding:16px 32px;font-size:1rem;border-radius:30px;gap:10px}.projects .projects-link-button-with-icon:before{content:"";width:16px;height:16px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17L17 7M17 7H7M17 7V17"/></svg>') no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:transform .3s ease}.projects .projects-link-button-with-icon:hover:before{transform:scale(1.1) rotate(5deg)}@keyframes slideInFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lineGrow{0%{height:0}to{height:100%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes fadeInScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.about{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;mix-blend-mode:difference}@media (max-width: 767.98px){.about{align-items:flex-start;padding-top:6rem}}.about-button{position:relative;background-color:transparent}.about-button-aura{position:absolute;display:block;width:calc(100% + 1rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);border-radius:5px;background-color:#fff3;opacity:0;transition:transform var(--transition),opacity var(--transition)}@media (pointer: coarse){.about-button-aura{display:none}}.about-button:hover .about-button-aura{transform:translate(-50%,-50%) scale(1);opacity:1}.about-button:active .about-button-aura{transform:translate(-50%,-50%) scale(.9);opacity:1}.about-button-text{display:block;opacity:0}.about-button-text-close{position:absolute;top:0;left:0;display:block}.about-content{width:95%;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width: 991.98px){.about-content{width:98%;padding:1rem}}.about-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}@media (max-width: 991.98px){.about-container{padding:2rem;border-radius:15px}}@media (max-width: 767.98px){.about-container{padding:1.5rem;border-radius:12px}}.about-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.01) 0%,transparent 50%);animation:subtleFloat 15s ease-in-out infinite;pointer-events:none}.about-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,2fr);gap:4rem;align-items:center;position:relative;z-index:1}@media (max-width: 1200px){.about-grid{gap:3rem}}@media (max-width: 991.98px){.about-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}}@media (max-width: 767.98px){.about-grid{gap:2rem}}.about-image-section{display:flex;flex-direction:column;align-items:center;position:relative}@media (max-width: 991.98px){.about-image-section{order:1}}.about-image-container{position:relative;margin-bottom:1.5rem}.about-image-container:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,#fff3,#ffffff0d,#fff3,#ffffff0d,#fff3);background-size:400% 400%;border-radius:50%;animation:gradientShift 8s ease-in-out infinite;z-index:-1}.about-image{width:280px;height:280px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.1);transition:transform .3s ease,filter .3s ease}.about-image:hover{transform:scale(1.05);filter:brightness(1.1)}@media (max-width: 1200px){.about-image{width:240px;height:240px}}@media (max-width: 767.98px){.about-image{width:200px;height:200px}}@media (max-width: 479.98px){.about-image{width:160px;height:160px}}.about-decorative-elements{position:absolute;width:100%;height:100%;pointer-events:none}.about-decorative-elements .element{position:absolute;background:#ffffff1a}.about-decorative-elements .element.element-1{width:60px;height:1px;top:20%;left:-30px;animation:floatHorizontal 6s ease-in-out infinite}.about-decorative-elements .element.element-2{width:1px;height:40px;bottom:20%;right:-20px;animation:floatVertical 8s ease-in-out infinite 2s}.about-decorative-elements .element.element-3{width:20px;height:20px;border-radius:50%;top:10%;right:-10px;animation:floatCircle 10s ease-in-out infinite 1s}.about-text-section{display:flex;flex-direction:column;gap:2rem}@media (max-width: 991.98px){.about-text-section{order:2;align-items:center;text-align:center}}.about-heading{position:relative;color:transparent;font-family:var(--wide);font-size:clamp(2.5rem,5vw,4rem);line-height:.9;text-transform:uppercase;font-weight:900;-webkit-text-stroke:.15rem white;transition:all .4s ease;margin-bottom:1rem}.about-heading:hover{color:#fff;-webkit-text-stroke:0;transform:translate(10px)}@media (max-width: 991.98px){.about-heading:hover{transform:translate(0) scale(1.05)}}.about-heading:after{content:attr(data-text);position:absolute;top:0;left:0;color:#ffffff1a;-webkit-text-stroke:0;transform:translate(2px,2px);z-index:-1;transition:opacity .3s ease;opacity:0}.about-heading:hover:after{opacity:1}.about-subtitle{color:#ffffffb3;font-family:var(--mono);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1rem;margin-bottom:1.5rem;position:relative}.about-subtitle:before,.about-subtitle:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:#ffffff4d}@media (max-width: 991.98px){.about-subtitle:before,.about-subtitle:after{display:none}}.about-subtitle:before{left:-60px}.about-subtitle:after{right:-60px}@media (max-width: 767.98px){.about-subtitle{font-size:1rem;margin-bottom:1rem}}.about-paragraph{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin:0;font-weight:300;text-align:justify;position:relative}@media (max-width: 991.98px){.about-paragraph{text-align:center;max-width:600px}}@media (max-width: 767.98px){.about-paragraph{font-size:1rem;line-height:1.6;text-align:left}}.about-paragraph:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#fffc,#fff3);animation:lineExpand 2s ease-out .5s forwards}.about-skills-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}@media (max-width: 991.98px){.about-skills-preview{justify-content:center}}.about-skills-preview .skill-tag{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-size:.85rem;font-family:var(--mono);padding:.4rem .8rem;border-radius:20px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05rem}.about-skills-preview .skill-tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}@media (max-width: 767.98px){.about-skills-preview .skill-tag{font-size:.75rem;padding:.3rem .6rem}}.about-cta{margin-top:2.5rem}@media (max-width: 991.98px){.about-cta{text-align:center}}.about-cta-button{display:inline-flex;align-items:center;gap:.8rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff;font-family:var(--mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.1rem;padding:.8rem 1.5rem;border-radius:30px;transition:all .4s ease;position:relative;overflow:hidden}.about-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease}.about-cta-button:hover{border-color:#fff6;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.about-cta-button:hover:before{left:100%}.about-cta-button:active{transform:translateY(0)}.about-cta-button .icon{transition:transform .3s ease}.about-cta-button:hover .icon{transform:translate(4px)}.about.open{z-index:10}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes subtleFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5px) rotate(1deg)}66%{transform:translateY(3px) rotate(-1deg)}}@keyframes floatHorizontal{0%,to{transform:translate(0);opacity:.1}50%{transform:translate(20px);opacity:.3}}@keyframes floatVertical{0%,to{transform:translateY(0);opacity:.1}50%{transform:translateY(-15px);opacity:.3}}@keyframes floatCircle{0%,to{transform:scale(1) rotate(0);opacity:.1}50%{transform:scale(1.2) rotate(180deg);opacity:.2}}@keyframes lineExpand{0%{width:0}to{width:60px}}.about-paragraph,.about-heading,.about-subtitle,.about-paragraph:hover,.about-heading:hover,.about-subtitle:hover{-webkit-user-select:text;user-select:text}.contacts-socials-link-wrapper:hover .contacts-socials-link,.projects-socials-link-wrapper:hover .projects-socials-link,.about-socials-link-wrapper:hover .about-socials-link,.experiences-socials-link-wrapper:hover .experiences-socials-link,.skills-socials-link-wrapper:hover .skills-socials-link{-webkit-user-select:text;user-select:text;pointer-events:auto}@keyframes shine{to{background-position:200% center}}.music-controls{z-index:3;position:fixed;left:50%;bottom:.5rem;transform:translate(-50%);display:flex;align-items:center;justify-content:center;mix-blend-mode:difference}.music-controls-text{width:calc(320px - 13rem);overflow:hidden;display:flex;align-items:center;justify-content:flex-start;margin:0 .5rem}.music-controls-text-line{flex-shrink:0;white-space:nowrap;text-transform:uppercase;color:#fff;background:linear-gradient(45deg,#fff 20%,#a7a6a6,#a7a6a6,#fff 80%);background-size:200% auto;color:#000;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}.loader{z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:6rem;color:#fff;mix-blend-mode:difference;overflow:visible;text-align:center;font-family:var(--wide);text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.1),0 0 60px rgba(255,255,255,.05);animation:subtlePulse 3s ease-in-out infinite}@media (max-width: 768px){.loader{font-size:3rem}}.loader-background{background:#000}.loader-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(255,255,255,.02) 0%,transparent 50%);animation:subtleFloat 12s ease-in-out infinite}.loader-progress{position:absolute;bottom:35%;left:50%;transform:translate(-50%);width:300px;height:2px;background:#fff3;border-radius:1px;overflow:hidden;mix-blend-mode:difference}@media (max-width: 768px){.loader-progress{width:250px;bottom:30%}}.loader-progress-fill{height:100%;background:#fff;border-radius:1px;position:relative;mix-blend-mode:difference;box-shadow:0 0 10px #ffffff4d}.loader-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:progressSweep 2s ease-in-out infinite}.loader-text{position:absolute;top:65%;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:1rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:.07rem;text-align:center;line-height:1.1rem;mix-blend-mode:difference}@media (max-width: 768px){.loader-text{font-size:.9rem;top:60%}}.loader-text:after{content:"";display:inline-block;width:1px;height:1em;background:#fff;margin-left:4px;animation:blink 1.5s infinite;mix-blend-mode:difference}.loader-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:difference}.loader-elements .element{position:absolute;background:#fff;opacity:.1}.loader-elements .element.element-1{width:1px;height:60px;top:20%;left:20%;animation:fadeInOut 8s ease-in-out infinite}.loader-elements .element.element-2{width:1px;height:40px;top:70%;right:25%;animation:fadeInOut 6s ease-in-out infinite 2s}.loader-elements .element.element-3{width:60px;height:1px;bottom:20%;left:30%;animation:fadeInOut 10s ease-in-out infinite 1s}.loader-elements .element.element-4{width:40px;height:1px;top:25%;right:20%;animation:fadeInOut 7s ease-in-out infinite 3s}.level-up-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;mix-blend-mode:difference}.level-up-complete:before,.level-up-complete:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid white;opacity:.6}.level-up-complete:before{width:80px;height:80px;animation:expandFade 1s ease-out}.level-up-complete:after{width:120px;height:120px;animation:expandFade 1s ease-out .2s}@keyframes subtlePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.02);opacity:.9}}@keyframes subtleFloat{0%,to{transform:translateY(0);opacity:.02}33%{transform:translateY(-10px);opacity:.03}66%{transform:translateY(5px);opacity:.01}}@keyframes progressSweep{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}@keyframes fadeInOut{0%,to{opacity:0;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes blink{0%,70%{opacity:1}71%,to{opacity:0}}@keyframes expandFade{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.loader span{display:inline-block;position:relative}.loader span:before,.loader span:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:#fff;mix-blend-mode:difference;opacity:.4}.loader span:before{left:-60px;animation:lineGrow 2s ease-in-out infinite}.loader span:after{right:-60px;animation:lineGrow 2s ease-in-out infinite 1s}@media (max-width: 768px){.loader span:before,.loader span:after{width:20px}.loader span:before{left:-35px}.loader span:after{right:-35px}}@keyframes lineGrow{0%,to{width:20px;opacity:.2}50%{width:40px;opacity:.6}}@media (max-width: 768px){@keyframes lineGrow{0%,to{width:10px;opacity:.2}50%{width:20px;opacity:.6}}}.desktop-nav{display:flex}@media (max-width: 1400px){.desktop-nav{display:none!important}}.mobile-nav{display:none}@media (max-width: 1400px){.mobile-nav{display:block!important}}@media (max-width: 1400px){.do-it.desktop-nav,.do-it.desktop-nav .nav-button{display:none!important}}.hamburger-menu-container{position:relative}.hamburger-menu-button{background:none;border:none;cursor:pointer;padding:12px;border-radius:8px;position:relative;transition:all .3s ease}.hamburger-menu-button:hover{background:#ffffff1a}.hamburger-menu-button.hamburger-menu-active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu-button.hamburger-menu-active .hamburger-icon span:nth-child(2){opacity:0}.hamburger-menu-button.hamburger-menu-active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hamburger-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background:currentColor;border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:#0006;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.hamburger-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:999;background:#00000040;backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 32px 64px -12px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;overflow:hidden;animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);min-width:220px}.hamburger-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.hamburger-dropdown-content{padding:16px;position:relative;z-index:2}.hamburger-dropdown-content>div{width:100%}.hamburger-dropdown-content>div button{width:100%;justify-content:flex-start;padding:18px 24px;margin:0;border-radius:16px;text-align:left;font-size:16px;font-weight:500;background:linear-gradient(135deg,#1a1a1f,#141419);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #2a2a32;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hamburger-dropdown-content>div button:hover{background:linear-gradient(135deg,#1a4d5c,#0d3344);transform:translate(6px);box-shadow:0 12px 32px #00d4ff33,0 0 30px #00d4ff26;border-color:#00d4ff;color:#fff}.hamburger-dropdown-content>div button.nav-button-active{background:linear-gradient(135deg,#0d4a5c,#0a3544,#082936);color:#fff;box-shadow:0 12px 40px #00d4ff4d,0 0 40px #00d4ff33,inset 0 1px #00d4ff66,inset 0 -1px #0099cc4d;border:1px solid #00d4ff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hamburger-dropdown-content>div button.nav-button-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,#00d4ff,#00b8e6,#09c);border-radius:0 4px 4px 0;box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff80;animation:pulse 2s ease-in-out infinite}.hamburger-dropdown-content>div button.nav-button-active:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:radial-gradient(circle,#00d4ff,#09c);border-radius:50%;box-shadow:0 0 12px #00d4ff,0 0 24px #00d4ff99,0 0 36px #00d4ff4d;animation:pulse 2s ease-in-out infinite}.hamburger-dropdown-content>div button .nav-button-aura{display:none}.hamburger-dropdown-content>div:not(:last-child){margin-bottom:8px}@keyframes pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}@media (max-width: 768px){.hamburger-dropdown{right:-8px;min-width:180px}}@media (max-width: 480px){.hamburger-dropdown{right:-16px;min-width:180px}.hamburger-dropdown-content>div button{font-size:15px;padding:14px 16px}}@media (prefers-color-scheme: dark){.hamburger-dropdown{background:#0000001f;border-color:#ffffff26}}@media (prefers-color-scheme: light){.hamburger-dropdown{background:#ffffff26;border-color:#ffffff40;color:#333}.hamburger-dropdown .hamburger-dropdown-content>div button{color:#2d3748}.hamburger-dropdown .hamburger-dropdown-content>div button.nav-button-active{color:#1a202c;background:#ffffff59}.hamburger-backdrop{background:#fff6}}
