@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";.Projects{flex-direction:column!important}.Projects>h1{margin:0 0 5dvh}.options{width:70%;height:50%;display:flex}.options>div{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50px;justify-content:flex-end;width:clamp(50px,4dvw,500px);height:100%;margin:0 .25dvw;padding:10px 0;transition:all .4s cubic-bezier(0,0,0,1);display:flex;position:relative;overflow:hidden}.options>div.active{flex:auto}.icon-label{flex-direction:row;align-items:center;gap:10px;display:flex;position:absolute;bottom:3%;left:10px}.icon-project{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-options{background-color:var(--text);width:40px;height:40px;color:var(--text);border-radius:50%;padding:10px}.icon-options>path{color:var(--background)}.icon-label>.info{flex-direction:column;justify-content:center;display:none}.option.active .info{display:flex}.info>div{color:var(--text);filter:drop-shadow(2px 2px 4px var(--background));white-space:nowrap;font-size:1rem;font-weight:900}.info>.sub{font-size:.85rem;font-weight:500}.option{flex-direction:column;justify-content:flex-end;align-items:flex-start}@media (width<=1500px){.options{width:90%}}@media (width<=768px){.icon-label{gap:8px;position:absolute;bottom:10px!important;left:10px!important}.options{flex-direction:column;width:100%;height:80%}.options>div{width:100%;height:60px;margin:.25rem 0;padding:10px;justify-content:center!important}.options>div.active{flex:auto}.icon-label{bottom:15px;left:15px}.icon-options{width:35px;height:35px}.icon-project{width:40px;height:40px}.info>div{font-size:.9rem}.info>.sub{font-size:.75rem}}@media (width<=480px){.icon-project{width:36px;height:36px}.info>div{font-size:.8rem}.info>.sub{font-size:.7rem}}@media (width<=1420px){.icon-label{position:absolute;bottom:3%;left:10px}}@media (width<=1380px){.icon-label{position:absolute;bottom:3%;left:7px}}@media (width<=1310px){.icon-label{position:absolute;bottom:3%;left:5px}}.About{justify-content:center;align-items:stretch;gap:2rem;width:100%;height:100%;padding:2rem;display:flex}.terminal-interface{width:45%;height:80%}.timeline{flex:1;min-width:320px;max-width:700px;padding-left:3rem;position:relative;overflow-y:auto}.tm-line{background:linear-gradient(to bottom, var(--primary), var(--secondary));border-radius:999px;width:3px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{margin-bottom:2rem;position:relative}.tm-point{background:var(--background);width:18px;height:18px;box-shadow:0 0 0 4px var(--primary), 0 0 12px var(--primary);border-radius:50%;position:absolute;top:1.4rem;left:-44px}.timeline-content{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:1.2rem;transition:all .25s}.timeline-content:hover{border-color:var(--primary);transform:translateY(-4px)}.timeline-year{color:var(--primary);margin-bottom:.5rem;font-weight:700;display:inline-block}.timeline-content h3{color:var(--text);margin:0 0 .5rem}.timeline-content p{color:var(--text-muted);margin:0;line-height:1.5}@keyframes rl{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.rl{opacity:0;animation:1s cubic-bezier(.77,0,.175,1) forwards rl;position:relative}@keyframes lr{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.lr{opacity:0;animation:1s cubic-bezier(.77,0,.175,1) forwards lr;position:relative}@keyframes ud{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.ud{opacity:0;animation:1s cubic-bezier(.77,0,.175,1) forwards ud;position:relative}@keyframes du{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.du{opacity:0;animation:1s cubic-bezier(.77,0,.175,1) forwards du;position:relative}@keyframes blur-in{0%{opacity:0}to{opacity:1}}.blur-in{animation:1s cubic-bezier(.77,0,.175,1) forwards blur-in}@keyframes blur-out{0%{opacity:1}to{opacity:0}}.blur-out{animation:1s cubic-bezier(.77,0,.175,1) forwards blur-out}#bg-anim{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#bg-anim li{background:var(--surface-3);opacity:0;width:20px;height:20px;list-style:none;animation-name:animate;animation-duration:25s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;display:block;position:absolute;bottom:-150px}#bg-anim li:first-child{width:80px;height:80px;animation-delay:calc(0+var(--anim-delay)) s;left:15%}#bg-anim li:nth-child(2){width:20px;height:20px;animation-delay:calc(2+var(--anim-delay)) s;animation-duration:15s;left:10%}#bg-anim li:nth-child(3){width:20px;height:20px;animation-delay:calc(7+var(--anim-delay)) s;left:70%}#bg-anim li:nth-child(4){width:60px;height:60px;animation-delay:calc(3+var(--anim-delay)) s;animation-duration:18s;left:40%}#bg-anim li:nth-child(5){width:20px;height:20px;animation-delay:calc(3+var(--anim-delay)) s;left:65%}#bg-anim li:nth-child(6){width:110px;height:110px;animation-delay:calc(6+var(--anim-delay)) s;left:75%}#bg-anim li:nth-child(7){width:150px;height:150px;animation-delay:calc(10+var(--anim-delay)) s;left:35%}#bg-anim li:nth-child(8){width:25px;height:25px;animation-delay:calc(18+var(--anim-delay)) s;animation-duration:45s;left:50%}#bg-anim li:nth-child(9){width:15px;height:15px;animation-delay:calc(5+var(--anim-delay)) s;animation-duration:35s;left:20%}#bg-anim li:nth-child(10){width:150px;height:150px;animation-delay:calc(3+var(--anim-delay)) s;animation-duration:11s;left:80%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-100vh)rotate(720deg)}}@media (width<=768px){#bg-anim li:nth-child(7),#bg-anim li:nth-child(10){display:none}}button{box-shadow:0 0 0 var(--secondary);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transform:translate(0)}button:hover{box-shadow:5px 5px 0 var(--accent);transform:translate(-5px,-5px)}.btn-alt{border:3px solid var(--accent);background-color:#0000;border-radius:6px;padding:.7rem 1rem;font-size:1.3rem}.btn-alternative{box-shadow:0 0 0 var(--secondary);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transform:translate(0)}.btn-alternative:hover{transform:translate(-5px,-5px);box-shadow:5px 5px #0778b6}.section-content{flex-direction:row;gap:10dvh;width:90%;height:100dvh;margin:1dvh 0}.section-content-s{flex-direction:row;width:100%;height:100dvh;padding:3dvh 0}@media (height<=900px){.section-content-s{margin:40dvh 0 0}.footer{margin:10dvh 0!important}}.footer{visibility:hidden;flex-direction:column;gap:1rem;height:7%;margin:50dvh 0}.foot-icons{gap:1rem}.foot-line{background-color:var(--text);border-radius:20px;width:200px;height:3px}@media (width<=768px){.footer{visibility:visible!important}}.image{flex:1;align-items:center;min-width:clamp(300px,35vw,500px);max-width:clamp(400px,45vw,800px);display:flex}.image>img{object-fit:contain;width:100%;height:auto;max-height:clamp(300px,35vw,450px)}.hero-lines{flex-direction:column;width:45%;align-items:start!important}.hero-lines>span:first-child{color:#435680;font-size:clamp(.9rem,1vw + .6rem,1.5rem);font-weight:900;font-family:var(--font-sans)}.hero-lines>span:nth-child(2){color:#e9f4f7;text-shadow:none;font-size:clamp(3rem,7vw,7rem);font-weight:650;line-height:1;display:block}.hero-lines>span:nth-child(3){color:#77d4e4;text-shadow:none;margin-bottom:clamp(1rem,2vw,2rem);font-size:clamp(2rem,5vw,5rem);font-weight:650;line-height:1.1;display:block}.hero-lines>span:nth-child(4){width:70%;text-shadow:none;font-size:clamp(1rem,1.1vw + .5rem,1.35rem);font-weight:200;line-height:1.6;display:flex}.hero-lines>button{margin:2dvh 0}.hero-container{border-radius:2em;gap:clamp(1rem,2vw,2rem);width:100%;height:100%;margin:0 auto;padding:clamp(1rem,3vw,2rem)}@media (width<=1280px){.hero-container{flex-direction:column}.hero-lines{gap:clamp(.25rem,1vw,.75rem);width:100%;justify-content:center!important;align-items:center!important}.hero-lines span{text-align:center}.hero-lines>span:nth-child(4){width:min(90%,700px)}.hero-container{margin-top:10dvh}.image{width:min(100%,700px);margin-inline:auto}.image>img{max-height:clamp(250px,40vh,500px)}}.icon>path{fill:var(--text);transition:all .3s ease-in}.icon{margin:1dvh 0}.icon:hover>path{fill:var(--accent)}:root{--background:#050816;--surface-1:#0b1020;--surface-2:#10182d;--surface-3:#17223f;--surface-4:#22345f;--primary:#00d9ff;--primary-hover:#5ce8ff;--primary-active:#00b8d6;--secondary:#14b8a6;--secondary-hover:#2dd4bf;--secondary-active:#0f9488;--accent:#7c3aed;--accent-soft:#a78bfa;--highlight:#e0fbff;--text:#f8fbff;--text-muted:#9db0d1;--text-subtle:#6f83a8;--border:#1a2950;--border-strong:#2d467f;--success:#2ee6a6;--warning:#ffbe55;--danger:#ff6484;--glow:0 0 20px #00d9ff4d;--glow-strong:0 0 60px #00d9ff80;--shadow-soft:0 25px 60px #00000073;--font-sans:"Inter", system-ui, sans-serif;--font-grotesk:"Space Grotesk", sans-serif}*{box-sizing:border-box;font-family:var(--font-grotesk);font-optical-sizing:auto;color:var(--text);border:0;margin:0;padding:0;font-style:normal}html{scroll-behavior:smooth}body{background:var(--background)}a{text-decoration:none}p{color:var(--text-muted);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.cflex{justify-content:center;align-items:center;display:flex}.content-section{height:100dvh;padding:1rem}.stagger{animation-delay:calc(var(--i) * .15s)}.line{background-color:var(--text);border-radius:100px 100px 0 0;width:7px;height:150px;margin-top:30px}.nav-bar{background-color:rgb(from var(--color) r g b / .9647);z-index:999;justify-content:space-between;align-items:center;width:100dvw;height:80px;padding:.5rem 1rem;transition:top .3s,box-shadow .3s,background-color .3s;display:flex;position:fixed;top:0;left:0}.nav-bar.shadow{box-shadow:var(--glow)}.nav{margin-right:1rem}.nav-img{object-fit:contain;width:60px;height:60px;transition:all 1s ease-in-out}.nav-img:hover{transform:rotate(360deg)}.nav-sub-cnt-left{align-items:center;display:flex}.nav-sub-cnt-right{align-items:center;gap:1rem;display:flex}.nav-text{cursor:pointer;font-size:1.2rem;transition:color .3s}.nav-text:hover{color:var(--secondary)}.nav-toggle{box-sizing:border-box;cursor:pointer;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;width:35px;height:25px;padding:4px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:100%;height:3px;transition:all .3s}.nav-toggle.open span:first-child{transform:rotate(30deg)translate(3px)translateY(6px)scale(1.2)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-30deg)translate(3px)translateY(-6px)scale(1.2)}@media (width<=768px){.nav-sub-cnt-right{opacity:0;pointer-events:none;background:#0b0e22f2;flex-direction:column;width:100%;transition:all .3s;position:absolute;top:80px;left:0;transform:translateY(-100%)}.nav-sub-cnt-right.show{pointer-events:auto;opacity:1;background-color:#0b0e228c;transform:translateY(0)}.nav-toggle{display:flex}}.overlay{z-index:999;background-color:color-mix(in srgb, var(--background) 100%, transparent);opacity:0;filter:blur(10px);width:100vw;height:100vh;transition:opacity 1s cubic-bezier(.77,0,.175,1),filter 1s cubic-bezier(.77,0,.175,1),transform 1s cubic-bezier(.77,0,.175,1);position:fixed;top:0;left:0;transform:scale(1)}.overlay.visible{opacity:1;filter:blur()}.overlay.fade-out{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(.0001)}.logo-wrapper{width:160px;height:160px;position:relative}.hex-border{pointer-events:none;width:160px;height:160px;position:absolute;top:0;left:0}.landing-logo{object-fit:contain;z-index:1;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll{animation-play-state:paused}.scroll.play{animation-play-state:running}::-webkit-scrollbar{width:6px;margin-right:10px}::-webkit-scrollbar-track{background:#0b0e22}::-webkit-scrollbar-thumb{background:#3b3f49;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#555}.content-cnt{align-items:flex-start;display:flex}.section-cnt{flex-direction:column;flex:1;gap:1rem}.stick-div{flex-direction:column;flex-shrink:0;justify-content:end;width:100px;height:100vh;position:fixed;top:0}.stick-div-left{left:0}.stick-div-right{right:0}@media (width<=768px){.section-cnt{width:100dvw}.stick-div{background-color:#023702;flex-direction:column;justify-content:flex-end;width:max(100px,3vw);height:100dvh;position:fixed;top:0;display:none!important}}.console-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:75%;min-width:280px;height:75%;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#00d9ff40,#14b8a640);border-radius:1.2em;flex-direction:column;padding:clamp(2px,1vw,6px);display:flex;position:relative}.console-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg, var(--primary), transparent, var(--secondary));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.console-card *{white-space:pre-wrap;line-height:1.35;font-family:Consolas,Courier New,monospace!important}.console-form{background:var(--surface-1);border:1px solid var(--border);border-radius:1em;flex-direction:column;flex:1 0 0;width:100%;min-height:320px;overflow:hidden}.console-output{background:var(--surface-1);scroll-behavior:smooth;flex:1 0 0;width:100%;padding:14px;overflow-y:auto}.console-output::-webkit-scrollbar{width:6px}.console-output::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px}.console-output div{margin-bottom:2px;color:var(--text-muted)!important}.cmd{text-shadow:var(--glow);color:var(--primary)!important}.console-output div:nth-child(-n+5){color:var(--primary);opacity:.9}.console-interface{background:var(--surface-2);border-top:1px solid var(--border);align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.console-interface:focus-within{box-shadow:0 0 0 1px var(--primary)}.console-interface button{color:var(--primary);opacity:.8;background:0 0;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.console-input{color:var(--highlight);caret-color:var(--primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.console-input:focus{text-shadow:0 0 6px #00d9ff99}.console-input::placeholder{color:var(--text-subtle)}.console-output div{animation:.15s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.wireframe-canvas-card{background:radial-gradient(105deg, var(--surface-1), var(--surface-2), var(--surface-3) transparent);width:100%;max-width:1200px;box-shadow:var(--glow-strong);border-radius:2em;flex-wrap:wrap;gap:clamp(1rem,2vw,2rem);margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex}