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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--rootBackground:#f9fbfa;--background:#09182c;--text:#f3f3f3;--mainText:#c9d2f5;--subText:#e9e9e9;--accent:#62ffdc;--accentMid:#1cc99e;--accentDark:#338573;--wildCard:#d062ff}@font-face{font-family:title;src:url(/static/media/TT%20Firs%20Neue%20Trial%20Black.cab96e1781e1373f767d.ttf)}@font-face{font-family:invite;src:url(/static/media/AsgardTrial-WideBold.6db3b1bf5168d3387e2e.ttf)}*,:after,:before{box-sizing:border-box}html{background:#09182c;background:var(--background);scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}.App{max-width:100%;max-width:100vw;overflow-x:hidden;width:100%}.App .Page{background:#09182c;background:var(--background)}.regular{color:#c9d2f5}.pageTitle{display:flex;justify-content:center}.What,.Who{color:#d062ff;color:var(--wildCard)}.What,.Where,.Who{font-family:title;font-size:clamp(30px,5vw,55px)}.Where{border-radius:50%!important;color:#62ffdc;color:var(--accent)}.footer{background:var(--background);border-top:1px solid #ffffff1a;overflow:hidden;padding:60px 20px 40px;position:relative}.footer:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,var(--accent),var(--wildCard),var(--accentMid),var(--accent));background-size:400% 400%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:100vw;position:relative;z-index:2}.footer-contact{margin-bottom:40px;text-align:center}.footer-title{color:var(--mainText);font-family:title;font-size:clamp(24px,4vw,36px);margin:0 0 30px;position:relative}.footer-title:after{background:linear-gradient(90deg,var(--accent),var(--wildCard));border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.footer-socials{flex-wrap:wrap;gap:20px}.footer-social-btn,.footer-socials{display:flex;justify-content:center}.footer-social-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 16px #0000001a;color:var(--mainText);height:55px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.075,.82,.165,1);width:55px}.footer-social-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.footer-social-btn:hover:before{left:100%}.footer-social-btn:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 8px 32px #0003;color:var(--accent);transform:translateY(-3px) scale(1.05)}.footer-social-btn:nth-child(2):hover{border-color:var(--wildCard);color:var(--wildCard)}.footer-social-btn:nth-child(3):hover{border-color:var(--accentMid);color:var(--accentMid)}.footer-social-btn:nth-child(4):hover{border-color:var(--accentDark);color:var(--accentDark)}.footer-social-btn svg{font-size:24px;transition:all .3s ease}.footer-social-btn:hover svg{transform:rotate(12deg) scale(1.1)}.footer-divider{background:linear-gradient(90deg,#0000,var(--accent),var(--wildCard),var(--accentMid),#0000);border-radius:2px;height:2px;margin:40px 0;opacity:.6}.footer-credits{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-made-with{align-items:center;color:var(--mainText);display:flex;font-family:title;font-size:clamp(14px,2vw,18px);gap:8px}.footer-heart{animation:heartbeat 2s ease-in-out infinite;color:var(--wildCard);display:inline-block}.footer-year{color:var(--subText);font-family:title;font-size:clamp(14px,2vw,18px);opacity:.8}.footer-shapes{display:flex;gap:15px;opacity:.3;position:absolute;right:20px;top:20px}.footer-shape{transition:all .3s ease}.footer-shape-1{animation:float 3s ease-in-out infinite;background:var(--accent);border-radius:50%;height:12px;width:12px}.footer-shape-2{animation:float 3s ease-in-out .5s infinite;background:var(--wildCard);height:15px;transform:rotate(45deg);width:15px}.footer-shape-3{animation:float 3s ease-in-out 1s infinite;background:var(--accentMid);border-radius:30%;height:10px;width:10px}.footer:hover .footer-shapes .footer-shape{opacity:.6;transform:scale(1.2)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes heartbeat{0%,to{transform:scale(1)}14%,28%{transform:scale(1.2)}21%{transform:scale(1.1)}}@media (max-width:768px){.footer{margin-top:60px;padding:40px 20px 30px}.footer-credits{flex-direction:column;gap:15px;text-align:center}.footer-socials{gap:15px}.footer-social-btn{height:50px;width:50px}.footer-social-btn svg{font-size:22px}.footer-shapes{gap:10px;right:15px;top:15px}.footer-shape-1{height:10px;width:10px}.footer-shape-2{height:12px;width:12px}.footer-shape-3{height:8px;width:8px}}@media (max-width:480px){.footer-socials{gap:12px}.footer-social-btn{height:45px;width:45px}.footer-social-btn svg{font-size:20px}}.scroll-indicator{align-items:center;display:flex;flex-direction:column;gap:20px;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100}.scroll-line{background:linear-gradient(to bottom,var(--accent),#0000);height:80px;overflow:hidden;position:relative;width:2px}.scroll-dot{background:var(--accent);border-radius:50%;height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.scroll-text{color:var(--subText);font-family:title;font-size:12px;opacity:.7;text-orientation:mixed;writing-mode:vertical-lr}#About{align-items:center;flex-direction:column;width:100vw}#About,.flexRow{display:flex;justify-content:center}.flexRow{align-items:flex-start;flex-direction:row;width:100%}.flexRow .flexCol{flex:1 1;max-width:calc(50% - 1rem)}.flexCol{display:flex;flex-direction:column;gap:1rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 8px 32px #0000001a;margin:10px 20px;max-width:100%;padding:30px;position:relative;transition:all .4s cubic-bezier(.075,.82,.165,1)}.card:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.card:hover .aboutSectionTitle{color:var(--accent)}.card:hover .aboutAbstract,.card:hover .goalText,.card:hover .nerdFact{color:var(--subText)}.cardTitle{color:var(--mainText);font-family:title;font-size:clamp(20px,3vw,32px);font-weight:700;margin:0 0 15px;position:relative}.cardTitle:after{content:" ";height:30%;left:0;position:absolute;top:60%;transition:all .3s ease;width:100%;z-index:-1}.cardTitle.impact:after{background-color:var(--accentDark)}.cardTitle.world:after{background-color:var(--wildCard)}.cardTitle.tech:after{background-color:var(--accent)}.cardTitle.goals:after{background-color:var(--accentMid)}.aboutDivider{background:linear-gradient(90deg,var(--accent),var(--wildCard),#0000);border-radius:3px;height:3px;margin-bottom:20px}.card:after{border-radius:50%;content:"";height:15px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:15px}.card:first-child:after{background:var(--wildCard)}.card:nth-child(2):after{background:var(--accent);border-radius:0}.card:nth-child(3):after{background:var(--accentMid);border-radius:30%}.card:hover:after{transform:scale(1.5) rotate(180deg)}.aboutAbstract{color:var(--mainText);font-size:clamp(14px,2vw,18px);line-height:1.6;margin:0;text-align:justify;text-indent:20px;transition:all .3s ease}.goalsContainer{max-height:250px;overflow-y:auto;padding-right:12px}.goalsContainer::-webkit-scrollbar{width:8px}.goalsContainer::-webkit-scrollbar-track{background:var(--background);border-radius:10px}.goalsContainer::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--accent),var(--wildCard));border:2px solid var(--background);border-radius:10px}.goalsContainer::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--wildCard),var(--accent))}.goalsList{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.goalItem{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 16px #0000001a;display:flex;justify-content:space-between;padding:15px 20px;transition:all .4s cubic-bezier(.075,.82,.165,1)}.goalItem:hover{background:#ffffff14;border-color:var(--accent);transform:translateX(5px)}.goalItem.completed{background:#073b4c80;opacity:.7;text-decoration:line-through}.goalItem.completed .goalText{color:var(--subText)}.goalText{color:var(--mainText);flex:1 1;font-size:clamp(12px,2vw,16px);font-weight:500}.checkIcon,.goalText{transition:all .3s ease}.checkIcon{color:var(--accent);font-size:20px;margin-left:12px}.goalItem:hover .checkIcon{color:var(--wildCard);transform:scale(1.2)}.socialsContainer{gap:20px}.socialButton,.socialsContainer{display:flex;justify-content:center}.socialButton{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 16px #0000001a;color:var(--mainText);height:50px;position:relative;transition:all .4s cubic-bezier(.075,.82,.165,1);width:50px}.socialButton:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 8px 32px #0003;color:var(--accent);transform:translateY(-3px) scale(1.1)}.socialButton svg{font-size:24px;transition:all .3s ease}.socialButton:hover svg{transform:rotate(15deg)}.spotifyContainer{display:flex;flex-direction:column;gap:20px}.spotifyEmbed{border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003;overflow:hidden;transition:all .4s ease}.spotifyEmbed:hover{border-color:var(--accent);box-shadow:0 12px 40px #0000004d;transform:translateY(-3px)}.nerdFactsSection{margin-top:0}.nerdFactsList{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.nerdFact{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 16px #0000001a;color:var(--mainText);font-size:clamp(13px,2vw,16px);line-height:1.6;padding:20px 25px;position:relative;transition:all .4s cubic-bezier(.075,.82,.165,1)}.nerdFact:after{background:var(--accent);border-radius:50%;content:"";height:8px;position:absolute;right:15px;top:10px;transition:all .3s ease;width:8px}.nerdFact:nth-child(2n):after{background:var(--wildCard);border-radius:0}.nerdFact:nth-child(3n):after{background:var(--accentMid);border-radius:30%}.nerdFact:hover{background:#ffffff14;border-left-color:var(--wildCard);border-color:var(--accent);box-shadow:0 8px 32px #0003;transform:translateX(8px) translateY(-2px)}.nerdFact:hover:after{transform:scale(1.5) rotate(180deg)}.nerdFact:before{color:var(--accent);content:"▸ ";font-size:18px;font-weight:700;transition:all .3s ease}.nerdFact:hover:before{color:var(--wildCard);transform:scale(1.2)}@media (max-width:1080px) or (max-height:1079px){.aboutContainer .flexRow{flex-direction:column;gap:0;justify-content:start}.aboutContainer .flexRow .flexCol{flex:none;max-width:100%;width:100%}.aboutLeftColumn,.aboutRightColumn{gap:25px}.aboutSectionTitle{font-size:clamp(18px,4vw,24px)}.aboutAbstract{font-size:clamp(12px,3vw,16px);text-indent:0}.goalItem{padding:12px 15px}.goalText{font-size:clamp(11px,3vw,14px)}.socialButton{height:45px;width:45px}.socialButton svg{font-size:20px}}@media (max-width:480px){.aboutLeftColumn,.aboutRightColumn{gap:20px}.aboutSection{border-radius:20px;padding:20px}.aboutSectionTitle{font-size:clamp(16px,5vw,20px)}.socialsContainer{gap:15px}.socialButton{height:40px;width:40px}.nerdFact{padding:15px 20px}}.experience{align-items:center;background:var(--background);justify-content:center}.experience,.experience-container{display:flex;flex-direction:column;width:100%}.experience-container{max-width:900px}.experience-cards-container{display:flex;height:clamp(600px,70vh,800px);position:relative}.experience-cards-container>*{position:absolute}.experience-header{text-align:left}.experience-title{color:var(--mainText);font-family:title;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.experience-highlight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--subText);font-size:.7em;font-weight:400;padding:.3rem .8rem;position:relative;transition:all .3s ease;white-space:nowrap}.experience-highlight:hover{background:#ffffff26;border-color:var(--accent);transform:translateY(-2px)}.experience-divider{background:linear-gradient(90deg,var(--accent),var(--wildCard),#0000);border-radius:2px;height:2px;margin-bottom:2rem}.experience-content{display:flex;flex-direction:column;gap:2rem;height:auto;margin-bottom:2rem}.experience-card:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.experience-card:after{background:var(--accent);border-radius:50%;content:"";height:12px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:12px}.experience-card:hover:after{background:var(--wildCard);transform:scale(1.5) rotate(180deg)}.job-header{margin-bottom:2rem}.job-title{color:var(--mainText);font-family:title;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;line-height:1.4;margin-bottom:1rem}.job-company,.job-dates,.job-role{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--subText);font-weight:400;padding:.2rem .6rem;white-space:nowrap}.job-divider{background:var(--accent);height:1px;margin-top:.5rem;opacity:.3;width:100%}.job-details{align-items:flex-start;display:flex;gap:2rem}.details-location{flex:1 1;max-width:200px;min-width:150px}.details-notables{flex:3 1}.details-title{color:var(--mainText);font-family:title;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;margin-bottom:.8rem}.details-divider{background:var(--accent);height:1px;margin-bottom:1rem;opacity:.3;width:100%}.location-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--subText);display:inline-block;font-size:.9rem;font-weight:400;padding:.3rem .8rem}.notables-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.notable-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:.8rem;padding:1rem;position:relative;transition:all .4s cubic-bezier(.075,.82,.165,1)}.notable-item:nth-child(2n){border-left-color:var(--wildCard)}.notable-item:nth-child(3n){border-left-color:var(--accentMid)}.notable-item:hover{background:#ffffff14;border-color:var(--accent);box-shadow:0 8px 32px #0003;transform:translateX(8px) translateY(-2px)}.notable-item:after{background:var(--accent);border-radius:50%;content:"";height:6px;position:absolute;right:15px;top:10px;transition:all .3s ease;width:6px}.notable-item:nth-child(2n):after{background:var(--wildCard);border-radius:0}.notable-item:nth-child(3n):after{background:var(--accentMid);border-radius:30%}.notable-item:hover:after{transform:scale(1.5) rotate(180deg)}.notable-bullet{color:var(--subText);font-size:1.2rem;font-weight:700;margin-top:.1rem;opacity:.7;transition:all .3s ease}.notable-text{color:var(--subText);flex:1 1;font-size:clamp(.85rem,2vw,1rem);line-height:1.5}.experience-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 16px #0000001a;color:var(--mainText);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:.5rem;height:35px;padding:.5rem 1rem;transition:all .3s ease}.nav-button:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.nav-icon{fill:currentColor;height:14px;transition:all .3s ease;width:14px}.nav-button:hover .nav-icon{transform:scale(1.1)}.date-picker{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 16px #0000001a;color:var(--mainText);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;gap:.5rem;height:40px;justify-content:flex-start;min-width:200px;padding:.5rem 1.5rem;transition:all .3s ease}.date-picker:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.calendar-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}@media (max-width:768px){.experience{padding:2rem 1rem}.experience-container{gap:1.5rem}.experience-cards-container{min-height:400px;padding:1rem 0}.experience-card{padding:1.5rem}.job-details{flex-direction:column;gap:1.5rem}.details-location{max-width:100%}.experience-navigation{flex-wrap:wrap;gap:.5rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}.date-picker{min-width:160px;padding:.4rem 1rem}.notable-item{padding:.8rem}.notable-text{font-size:.85rem}}@media (max-width:480px){.experience{padding:1.5rem .5rem}.experience-title{font-size:clamp(1.5rem,6vw,2.5rem)}.job-title{font-size:clamp(1rem,4vw,1.3rem)}.experience-navigation{justify-content:center}.date-picker,.nav-button{flex:1 1;justify-content:center;min-width:auto}.experience-cards-container{min-height:350px}}.title-with-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.current-project-info,.info-badge{position:relative}.info-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#62ffdc1a,#62ffdc33);border:1px solid #62ffdc4d;border-radius:25px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:8px 16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.info-badge:before{background:linear-gradient(90deg,#0000,#62ffdc33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.info-badge:hover:before{left:100%}.info-badge:hover{background:linear-gradient(135deg,#62ffdc33,#62ffdc4d);border-color:var(--accent);box-shadow:0 8px 25px #62ffdc40;transform:translateY(-2px) scale(1.05)}.info-icon{color:var(--accent);font-size:16px!important;transition:transform .3s ease}.info-badge:hover .info-icon{transform:rotate(15deg)}.info-text{color:var(--mainText);font-family:title;font-size:12px;font-weight:600;white-space:nowrap}.external-icon{color:var(--accent);font-size:14px!important;opacity:.7;transition:all .3s ease}.info-badge:hover .external-icon{opacity:1;transform:translate(2px,-2px)}.custom-tooltip{animation:tooltipFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #62ffdc4d;border-radius:8px;bottom:calc(100% + 10px);color:#fff;font-size:12px;opacity:0;padding:8px 12px;white-space:nowrap;z-index:1000}.custom-tooltip,.custom-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.custom-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000000e6;content:"";height:0;top:100%;width:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.works-container{min-height:100vh;overflow:hidden;padding:10px;position:relative}.works-background{left:0;overflow:hidden;top:0;z-index:-1}.floating-shapes,.works-background{height:100%;position:absolute;width:100%}.floating-shape{animation:float 6s ease-in-out infinite;opacity:.1;position:absolute}.shape-1{animation-duration:8s;background:linear-gradient(135deg,var(--accent),var(--wildCard));border-radius:50%;height:60px;width:60px}.shape-2{animation-duration:12s;background:var(--accentMid);height:40px;transform:rotate(45deg);width:40px}.shape-3{animation-duration:10s;background:linear-gradient(135deg,var(--wildCard),var(--accentDark));border-radius:30%;height:80px;width:80px}.shape-4{animation-duration:14s;background:var(--accent);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:50px;width:50px}.shape-5{animation-duration:9s;background:linear-gradient(135deg,var(--accentDark),var(--accent));border-radius:20%;height:70px;width:70px}.shape-6{animation-duration:11s;background:var(--wildCard);border-radius:50%;height:35px;width:35px}.category-filter{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;color:var(--mainText);cursor:pointer;display:flex;font-family:title;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-btn:hover:before{left:100%}.category-btn:hover{background:#ffffff1a;box-shadow:0 8px 32px #62ffdc33}.category-btn.active,.category-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,var(--accent),var(--accentMid));box-shadow:0 8px 32px #62ffdc4d;color:var(--background)}.category-btn svg{font-size:18px}.project-card.in-progress{border:2px solid var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}.progress-badge{align-items:center;background:var(--accent);border-radius:12px;color:color;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:10}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}.project-card{animation:cardFadeIn .8s forwards;background:#ffffff08;border:1px solid #ffffff1a;border-radius:25px;cursor:pointer;opacity:0;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.project-card.featured{grid-column:span 2}.project-card:hover{border-color:var(--accent);box-shadow:0 20px 60px #0000004d}.project-card:hover .card-glow{opacity:1}.card-glow{background:radial-gradient(circle,#62ffdc1a 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .6s ease;width:200%;z-index:1}.project-image{background:linear-gradient(135deg,var(--accent),var(--wildCard));height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.image-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-card:hover .image-overlay{opacity:1}.overlay-icons{display:flex;gap:20px}.overlay-icons a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--text);display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.overlay-icons a:hover{background:var(--accent);color:var(--background);transform:scale(1.1)}.project-info{padding:30px;position:relative;z-index:2}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.project-header h3{color:var(--mainText);font-family:title;font-size:clamp(20px,3vw,24px);margin:0;transition:color .3s ease}.project-card:hover .project-header h3,.project-category{color:var(--accent)}.project-category{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-card:hover .project-category{background:var(--accent);color:var(--background);transform:rotate(1turn)}.project-description{color:var(--mainText);font-size:14px;line-height:1.6;margin-bottom:20px;opacity:.9}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:var(--subText);font-size:12px;padding:6px 12px;transition:all .3s ease}.project-card:hover .tech-tag{background:#62ffdc33;border-color:var(--accent);color:var(--accent)}.hover-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.particle{animation:particleFloat 2s ease-out forwards;background:var(--accent);border-radius:50%;height:4px;position:absolute;width:4px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(0)}50%{opacity:.8;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(0)}}@keyframes scrollDot{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(70px)}}@media (max-width:1200px){.projects-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card.featured{grid-column:span 1}}@media (max-width:768px){.works-container{padding:60px 20px}.category-filter{gap:15px;margin-bottom:40px}.category-btn{font-size:12px;padding:10px 20px}.projects-grid{gap:25px;grid-template-columns:1fr}.project-image{height:200px}.project-info{padding:20px}.floating-shape{opacity:.05}}@media (max-width:480px){.category-filter{align-items:center;flex-direction:column}.category-btn{justify-content:center;width:200px}.project-header{flex-direction:column;gap:10px}.project-category{align-self:flex-end}}.backgroundSheet{align-items:end;display:flex;height:100vh;justify-content:center;overflow:hidden;position:fixed;width:100vw;z-index:-999}.backgroundCircle{animation:growCircle 1s cubic-bezier(.075,.82,.165,1) forwards;background:url(/static/media/waves.088732219152deecc210.svg) var(--background);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;min-height:100vh;min-width:100vw;position:center}.backgroundCircle,.navbar{align-items:center;display:flex;justify-content:center}.navbar{border-radius:100px;height:100px;max-width:100%;width:100%;z-index:1000}.navComponent{display:flex;width:25%}.navComponent,.navComponentBig{border-radius:100px;color:var(--mainText);font-family:title;justify-content:center}.navComponentBig,.navComponentBig>*{display:none;width:0}.MuiMenu-paper{align-items:flex-start!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d,0 8px 32px #62ffdc1a!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin-top:10px!important;overflow:hidden!important;padding:15px!important;position:relative!important;width:280px!important}.MuiMenu-paper:before{background:linear-gradient(90deg,#0000,#62ffdc1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%;z-index:0}.MuiMenu-paper:hover:before{left:100%}.menuItem{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:15px!important;box-shadow:0 4px 20px #0000001a!important;color:var(--mainText)!important;font-size:clamp(14px,3vw,18px)!important;font-weight:600!important;margin:8px 0!important;overflow:hidden!important;padding:16px 24px!important;position:relative!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;width:calc(100% - 16px)!important;z-index:1!important}.menuItem:before{background:linear-gradient(135deg,var(--accent),var(--accentMid));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:-1}.menuItem:after{border-bottom:8px solid;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;opacity:0;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:all .3s ease;width:0}.menuItem:hover:before{left:0}.menuItem:hover:after{opacity:1;transform:translateY(-50%) rotate(0deg)}.menuItem:hover{background:#0000!important;border-color:var(--accent)!important;box-shadow:0 8px 32px #62ffdc4d!important;color:var(--background)!important;transform:translateX(8px)!important}.menuButton{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;display:flex;font-size:clamp(14px,3vw,16px);gap:8px;height:auto;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:auto}.menuButton:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menuButton.btnActive:before,.menuButton:hover:before{left:100%}.menuButton:hover{background:#ffffff1a;box-shadow:0 8px 32px #62ffdc33}.menuButton.btnActive,.menuButton:hover{border-color:var(--accent);transform:translateY(-2px)}.menuButton.btnActive{background:linear-gradient(135deg,var(--accent),var(--accentMid));box-shadow:0 8px 32px #62ffdc4d;color:var(--background)}.btn{background:var(--rootBackground);border:none;border-radius:50px;box-shadow:7px 5px 0 0 var(--accent);color:var(--background);font-family:title;font-size:clamp(8px,1.5vw,16px)!important;height:clamp(30px,4vw,45px)!important;margin-bottom:15px!important;margin-top:10px!important;outline:none;transition:all .4s;width:12vw}.btn:hover,.btnActive{background:#073b4c;box-shadow:0 0 0 0 var(--accent),inset 0 0 0 4px #ef476f,inset 0 0 0 8px #d062ff,inset 0 0 0 12px #06d6a0,inset 0 0 0 16px #118ab2!important;color:#fff}.title{justify-content:center;width:100vw}.middle,.title{align-items:center;display:flex;flex-direction:column}.middle{height:77%;justify-content:start}.titleCard{align-items:center;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-top:100px}.titleCard--border{padding:10px;position:relative}.titleCard--border:after,.titleCard--border:before{border:1px solid #fff;box-sizing:border-box;content:"";height:100%;position:absolute;width:100%}.titleCard--border:before{left:5px;top:5px}.titleCard--border:after{border:3px solid var(--accent);bottom:5px;right:5px}.titleCard--top{color:var(--mainText);display:flex;font-family:title;font-size:clamp(30px,5vw,75px);font-weight:700;justify-content:space-between}.titleCard--top--text{align-items:center;display:flex;flex-direction:column;justify-content:center}#intro-text{max-width:1000px;width:44vw}.titleCard--top--subText{color:var(--accent);font-size:clamp(10px,2vw,20px)}.titleCard--top--image{align-items:center;display:flex;justify-content:center}.shapeWrapper{display:flex;justify-content:center;width:100vw}.shapes{justify-content:space-between;margin-bottom:25px;width:25vw}.shapes,.squares{align-items:center;display:flex}.squares{justify-content:start}.square1{background:var(--wildCard);height:10px;width:10px}.square2{background:var(--accentMid);height:15px;margin:0 10px;width:15px}.square3{background:var(--accent);height:10px;width:10px}.circles{align-items:center;display:flex;justify-content:end}.circle1{background:var(--accentDark);border-radius:50%;height:10px;width:10px}.circle1:hover{transform:scale(1.1)}.circle2{background:var(--wildCard);border-radius:50%;height:15px;margin:0 10px;width:15px}.circle3{background:var(--accent);border-radius:50%;height:10px;width:10px}.highlight{margin:0 7px;position:relative}.highlight:after{content:" ";height:30%;left:0;position:absolute;top:60%;width:100%;z-index:-1}.Impact:after{background-color:var(--accentDark)}.World:after{background-color:var(--wildCard)}.Tech:after{background-color:#20b2aa}.ThreeJsScenes{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:center;max-width:1080px;transition:all .3s ease;width:100vw}.scene--earth{height:300px;width:100%}.scene--earth,.scene--satellite,.scene--ufo{align-items:center;display:flex;flex-shrink:0;justify-content:center}.scene--satellite,.scene--ufo{flex-direction:column;height:50vh;margin-top:-50px;position:relative;transition:all .3s ease;width:300px}.earthShape{height:40vh;max-height:600px;position:absolute;z-index:-1}.satelliteCircle,.ufoCircles{height:25vh;margin-top:0;max-height:350px;position:absolute;z-index:-1}.impactCard{display:flex;font-family:title;font-size:30px;font-weight:700;justify-content:space-between}.impactCard,.regular{color:var(--mainText)}.regular{margin:0 10px}.message{color:var(--subText);font-size:25px}@keyframes growCircle{to{border-radius:25% 25% 0 0;height:100vh;width:100vw;z-index:-1}}@keyframes mouseMove{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scrollBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuItemStagger{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1080px) or (max-height:1079px){.ThreeJsScenes{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:1080px;width:100vw}.scene--satellite,.scene--ufo{display:none}.btn{font-size:clamp(15px,3vw,25px)!important;height:clamp(30px,5vw,60px)!important;width:33vw!important}.btn,.titleCard{margin:0!important}.titleCard{width:30vw}.navComponent{display:none}.navComponentBig{display:flex;width:33%}.navComponentBig>*{display:inline;width:33%}.earthShape{height:30vh;max-width:90vw}.impactCard{align-items:center;display:flex;font-size:3vw!important;justify-content:center}.backgroundCircle{border-radius:25%}.MuiMenu-paper{animation:menuSlideIn .3s cubic-bezier(.175,.885,.32,1.275)!important;margin-top:15px!important;width:clamp(260px,80vw,320px)!important}.menuItem{animation:menuItemStagger .4s cubic-bezier(.175,.885,.32,1.275) forwards!important;font-size:clamp(16px,4vw,20px)!important;margin:10px 0!important;padding:18px 28px!important}.menuItem:first-child{animation-delay:.1s!important}.menuItem:nth-child(2){animation-delay:.2s!important}.menuItem:nth-child(3){animation-delay:.3s!important}.menuButton{border-radius:30px;font-size:clamp(16px,4vw,18px);padding:14px 28px}}@media (min-width:1081px){.ThreeJsScenes{align-items:center;display:flex;flex-direction:row;gap:clamp(10px,2vw,40px);justify-content:center;max-width:1080px;width:100vw}.scene--satellite,.scene--ufo{align-items:center;display:flex!important;flex-direction:column;height:50vh;justify-content:center;margin-top:-50px;max-width:320px;position:relative;width:clamp(250px,25vw,320px)}.scene--earth{max-width:450px;width:clamp(300px,40vw,450px)}}@media (min-width:1400px){.ThreeJsScenes{gap:60px}.scene--satellite,.scene--ufo{width:350px}}@media (min-width:1081px) and (max-width:1399px){.ThreeJsScenes{gap:clamp(20px,3vw,50px)}.scene--satellite,.scene--ufo{width:clamp(280px,28vw,320px)}}
/*# sourceMappingURL=main.37a4f1f7.css.map*/