.nav-container{position:relative;width:100%;margin-top:0;z-index:5}.nav-main{margin-top:10px;position:fixed;top:0;z-index:5;width:90%;transition:all .3s ease}.scrolled{margin-top:10px;width:75%;padding:0 30px;transition:all .3s ease;border-radius:30px;border:1px solid rgba(255,255,255,.3)}.nav-wide{display:flex;justify-content:space-between;align-items:center;padding:0;color:#fff;font-size:1rem}.inner-nav{padding:0;width:50%}.nav-wide li,.nav-wide ul li,.dropdown-nav{list-style-type:none;cursor:pointer}.call{font-size:1rem;padding:15px 30px;border-radius:30px;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.nav-mobile{color:#fff}.more-container{position:relative;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.3);padding:0 12px}.more{height:25px;position:relative;cursor:pointer}.dropdown-nav{display:flex;justify-content:center;align-items:center;padding:0;flex-direction:column;margin:0;opacity:0;max-height:0;transform:translateY(-10px);overflow:hidden;transition:max-height .5s ease,opacity .3s ease,transform .5s ease;pointer-events:none}.dropdown-nav.open{opacity:1;max-height:500px;transform:translateY(0);pointer-events:auto}.dropdown-nav li{padding:15px 0}.dropdown-nav .call-container li{padding:0}.scrolled .call{border:none;background:transparent}@media only screen and (max-width:767px){.nav-main{width:100%;margin:0}.nav-wide{display:none}.nav-mobile{display:block}.more-container{height:60px}.call-container{width:100%}.call{width:100%;border-radius:0;border:none}}@media only screen and (min-width:768px){.scrolled{width:80%;border-radius:20px;padding:0 10px}.nav-wide{height:30px;display:flex}.nav-mobile{display:none}.nav-wide ul li,.nav-wide li,.call{font-size:.8rem}}@media only screen and (max-width:1024px)and (min-width:769px){.nav-wide ul li,.nav-wide li,.call{font-size:1.1rem}.nav-wide{height:30px}.scrolled{padding:0 12px;border-radius:18px}}@media only screen and (min-width:1150px){.scrolled{padding:10px 15px}.nav-wide{height:30px}.nav-wide ul li,.nav-wide li,.call{font-size:1.5rem}}@media only screen and (min-width:2110px){.scrolled{padding:20px 40px;border-radius:35px}.nav-main{margin-top:30px}.nav-wide{height:80px}.call{padding:30px 50px;border-radius:50px}.nav-wide ul li,.nav-wide li,.call{font-size:2.8rem}}.orbitron-normal{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff}.orbitron-bold{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff}.orbitron-twist{color:#c9c9c9;font-family:Orbitron,sans-serif;font-size:1.8rem;padding:20px}.link{text-decoration:none;color:#fff}body,html{margin:0;padding:0}body{background-color:#000;height:1000px;overflow:auto;overflow-x:hidden}.glass{background-color:#0000001a;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 30px #0000001a}.about-glass{background-color:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.1)}.overlay{width:100%;height:100vh;top:0;left:0;position:absolute;z-index:1}.centered{display:flex;justify-content:center;align-items:center}.space-between{display:flex;justify-content:space-between;align-items:center}.space-evenly{display:flex;justify-content:space-evenly;align-items:center}.model{height:fit-content;position:absolute;right:5%;top:22%;z-index:3;transition:top 1s ease,right 1s ease}model-viewer{width:200px;height:200px}.robot{animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media only screen and (min-width:768px){model-viewer{width:180px;height:180px}}@media only screen and (min-width:1024px){model-viewer{width:240px;height:240px}}@media only screen and (min-width:1440px){model-viewer{width:310px;height:310px}}@media only screen and (min-width:2560px){model-viewer{width:550px;height:550px}}.hero-bg{width:100vw;height:100vh;position:relative;background-image:url(/assets/hero-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center}.hero-overlay{background:linear-gradient(to bottom,#0003,#000)}.hero-content{margin:0 30px;width:auto;height:100%}.hero-text{width:100%;color:#fff;font-size:1.5rem;height:auto;position:relative;z-index:2}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:767px){.hero-content{margin:0 5px}.hero-text{font-size:.9rem}}@media only screen and (min-width:768px){.hero-text{font-size:1.1rem}}@media only screen and (min-width:1024px){.hero-text{font-size:1.5rem}}@media only screen and (min-width:1440px){.hero-text{font-size:2.2rem}}@media only screen and (min-width:2560px){.hero-text{font-size:4rem}}.about-container{min-height:100vh;width:100vw;position:relative;z-index:0;display:flex;flex-direction:column}.about-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.about-content{width:100%}.skill-container{height:600px;display:flex;align-items:center;justify-content:center;position:relative}.skill-border{border-radius:50%;border:1px solid rgba(255,255,255,.3)}.skills{height:600px;width:600px;clip-path:circle(50% at 50% 50%);position:relative;-webkit-mask:radial-gradient(circle,transparent 0 180px,black 180px);mask:radial-gradient(circle,transparent 0 180px,black 180px);z-index:5}.skills img{position:absolute;width:60px;height:60px;z-index:8;transition:top 1s linear,right 1s linear;cursor:pointer}.skill-core{width:360px;height:360px;border-radius:50%;background:transparent;mix-blend-mode:destination-out;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #dc18ff66,0 0 40px #8c00c84d;pointer-events:none}.about-me{position:relative;z-index:5;float:right;margin:0 30px;width:60%}.about-overlay{background:linear-gradient(to top,#0000,#000)}@media only screen and (max-width:767px){.about-text{font-size:.5rem}.skills{width:260px;height:260px;-webkit-mask:radial-gradient(circle,transparent 0 70px,black 70px);mask:radial-gradient(circle,transparent 0 70px,black 70px)}.skill-core{width:140px;height:140px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 12px #dc18ff66,0 0 25px #8c00c84d}.skills img{width:22px;height:22px}.skill-container{height:350px}.about-me{float:none;width:90%;margin:0 10px}}@media only screen and (min-width:768px)and (max-width:1023px){.about-text{font-size:.9rem}.skills{width:400px;height:400px;-webkit-mask:radial-gradient(circle,transparent 0 120px,black 120px);mask:radial-gradient(circle,transparent 0 120px,black 120px)}.skill-core{width:240px;height:240px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #dc18ff66,0 0 40px #8c00c84d}.skills img{width:30px;height:30px}}@media only screen and (min-width:1024px){.about-text{font-size:1.1rem}}@media only screen and (min-width:1440px){.about-text{font-size:1.4rem}}@media only screen and (min-width:2560px){.about-text{font-size:1.8rem}.skills{height:900px;width:900px;-webkit-mask:radial-gradient(circle,transparent 0 285px,black 285px);mask:radial-gradient(circle,transparent 0 285px,black 285px)}.skill-core{width:540px;height:540px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #dc18ff66,0 0 40px #8c00c84d}.skills img{width:100px;height:100px}.skill-container{margin-top:210px}}.projects{margin:30px}.project-item{padding:12px;border-bottom:1px solid rgba(255,255,255,.3)}.project-description{color:#acacac;width:80%}.project-link{color:#acacac;text-decoration:none;cursor:pointer;margin-right:30px}.project-link span{color:#ff89ff;transition:all .3s ease}.project-link span:hover{color:#fff;transition:all .3s ease}.project-snapshot{position:absolute;right:0;top:1000px;width:300px;height:auto;border-radius:10px;opacity:.8}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{width:40%;height:80%;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px}.close{width:50px;cursor:pointer}.project{flex-direction:column;height:100%}.tech-stack{width:90%;background-color:#2e2e2e9a;padding:10px;border-radius:10px}.project-image{width:90%;border-radius:10px}.project-icon{width:50px;transition:transform .3s ease}.project-icon:hover{transform:scale(1.2)}.project-link{text-decoration:none;padding:10px;font-size:1.4rem;transition:all .3s ease}.project-link:hover{color:#fff;transition:all .3s ease}.btn{padding:15px 30px;border-radius:30px;border:1px solid rgba(255,255,255,.3);cursor:pointer}