@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";.contact{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--vscode-bg);padding:20px}@media (max-width: 738px){.contact{height:auto;min-height:100vh;padding:60px 15px}}.contact .container{max-width:1200px;width:100%;display:flex;gap:50px;background-color:var(--vscode-inactive-tab);border:1px solid var(--vscode-border);border-radius:8px;padding:40px;box-shadow:0 4px 20px #0003}@media (max-width: 738px){.contact .container{flex-direction:column;padding:20px;gap:30px;margin:0}}.contact .container .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.contact .container .textContainer{gap:20px;align-items:flex-start}}.contact .container .textContainer h1{font-family:Fira Code,monospace;font-size:48px;color:var(--vscode-text);margin-bottom:20px}.contact .container .textContainer h1:before{content:"class ";color:var(--vscode-keyword);opacity:.7}@media (max-width: 738px){.contact .container .textContainer h1{font-size:28px;margin-bottom:10px}}.contact .container .textContainer .infoItem{display:flex;align-items:center;gap:15px;font-family:Fira Code,monospace;padding:10px;border-radius:4px;transition:all .3s ease}@media (max-width: 738px){.contact .container .textContainer .infoItem{flex-direction:column;align-items:flex-start;gap:5px;padding:5px}}.contact .container .textContainer .infoItem h2{font-size:16px;color:var(--vscode-keyword);min-width:120px}.contact .container .textContainer .infoItem h2:before{content:"const ";color:var(--vscode-keyword);opacity:.7}@media (max-width: 738px){.contact .container .textContainer .infoItem h2{font-size:14px;min-width:unset}}.contact .container .textContainer .infoItem span{color:var(--vscode-string);font-size:14px;word-break:break-word}.contact .container .textContainer .infoItem span:before{content:"= ";color:var(--vscode-text);margin-right:8px}.contact .container .textContainer .infoItem span:after{content:";";color:var(--vscode-text);margin-left:4px}@media (max-width: 738px){.contact .container .textContainer .infoItem span{font-size:12px;padding-left:20px}}.contact .container .textContainer .infoItem:hover{background-color:var(--vscode-active-tab)}.contact .container .textContainer .socialLinks{display:flex;gap:20px;margin-top:10px}.contact .container .textContainer .socialLinks:before{content:"=";color:var(--vscode-text);padding:0;margin:0}@media (max-width: 738px){.contact .container .textContainer .socialLinks{padding-left:0}}.contact .container .textContainer .socialLinks a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:8px;background-color:var(--vscode-bg);border:1px solid var(--vscode-border);transition:all .3s ease}@media (max-width: 738px){.contact .container .textContainer .socialLinks a{width:35px;height:35px;padding:6px}}.contact .container .textContainer .socialLinks a img{width:25px!important;height:25px!important;object-fit:contain;filter:brightness(.8);transition:all .3s ease;margin-bottom:5px!important}@media (max-width: 738px){.contact .container .textContainer .socialLinks a img{width:20px!important;height:20px!important}}.contact .container .textContainer .socialLinks a:hover{transform:translateY(-3px);border-color:var(--vscode-function);box-shadow:0 5px 15px #00ff9d33}.contact .container .textContainer .socialLinks a:hover img{filter:brightness(1)}.contact .container .formContainer{flex:1;display:flex;flex-direction:column;gap:20px;border-left:1px solid var(--vscode-border);padding-left:50px}@media (max-width: 738px){.contact .container .formContainer{padding-left:0;border-left:none;border-top:1px solid var(--vscode-border);padding-top:20px;gap:15px}}.contact .container .formContainer form{display:flex;flex-direction:column;gap:20px;width:100%}@media (max-width: 738px){.contact .container .formContainer form{gap:15px}}.contact .container .formContainer form input,.contact .container .formContainer form textarea{padding:12px 15px;background-color:var(--vscode-bg);border:1px solid var(--vscode-border);color:var(--vscode-text);border-radius:4px;font-family:Fira Code,monospace;font-size:14px;width:100%;resize:vertical}@media (max-width: 738px){.contact .container .formContainer form input,.contact .container .formContainer form textarea{padding:10px;font-size:12px}}.contact .container .formContainer form input:focus,.contact .container .formContainer form textarea:focus{outline:none;border-color:var(--vscode-function)}.contact .container .formContainer form input::placeholder,.contact .container .formContainer form textarea::placeholder{color:var(--vscode-comment);opacity:.7}.contact .container .formContainer form textarea{min-height:150px}@media (max-width: 738px){.contact .container .formContainer form textarea{min-height:100px}}.contact .container .formContainer form button{padding:12px 15px;background-color:var(--vscode-bg);border:1px solid var(--vscode-border);color:var(--vscode-text);font-family:Fira Code,monospace;font-size:14px;cursor:pointer;transition:all .3s ease;border-radius:4px}@media (max-width: 738px){.contact .container .formContainer form button{padding:10px;font-size:12px}}.contact .container .formContainer form button:before{content:"function";color:var(--vscode-keyword);margin-right:8px}.contact .container .formContainer form button:after{content:"()";color:var(--vscode-text)}.contact .container .formContainer form button:hover{background-color:var(--vscode-active-tab);border-color:var(--vscode-function)}body,body *{cursor:none}.custom-cursor{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.custom-cursor:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#00ff9d;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00ff9d80}.custom-cursor:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:1.5px solid #00ff9d;border-radius:50%;transform:translate(-50%,-50%);opacity:.8;transition:all .1s ease;box-shadow:0 0 15px #00ff9d4d}.custom-cursor.hovering:after{width:24px;height:24px;opacity:1;border-color:#0ff;box-shadow:0 0 20px #0ff6}a:hover~.custom-cursor:after,button:hover~.custom-cursor:after,[role=button]:hover~.custom-cursor:after,input[type=submit]:hover~.custom-cursor:after{width:24px;height:24px;opacity:1;border-color:#0ff;box-shadow:0 0 20px #0ff6}.cursor{font-size:60px;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}.about{height:100vh;overflow:hidden;background-color:var(--vscode-bg);position:relative}.about .wrapper{max-width:1366px;height:100%;margin:auto}.about .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:50px;position:relative;z-index:1}@media (max-width: 738px){.about .wrapper .textContainer{height:auto;min-height:50%;width:100%;padding:20px;align-items:center;text-align:center;overflow:visible}}.about .wrapper .textContainer h2{font-family:Fira Code,monospace;font-size:36px;color:var(--vscode-keyword);margin-bottom:20px}@media (max-width: 738px){.about .wrapper .textContainer h2{font-size:24px}}.about .wrapper .textContainer p{font-family:Fira Code,monospace;font-size:14px;line-height:1.6;color:var(--vscode-text)}@media (max-width: 738px){.about .wrapper .textContainer p{font-size:13px;padding:0 10px;word-wrap:break-word;overflow-wrap:break-word}}.about .wrapper .textContainer p strong{color:var(--vscode-function)}.about .wrapper .textContainer p a{color:var(--vscode-function);text-decoration:none}.about .wrapper .textContainer p a img{width:30px;height:25px;margin-inline:3px;vertical-align:middle;transition:transform .3s ease}.about .wrapper .textContainer p a img:hover{transform:scale(1.2)}.about .wrapper .textContainer .skillsContainer{margin-top:20px}@media (max-width: 738px){.about .wrapper .textContainer .skillsContainer{width:100%;padding:0 10px}}.about .wrapper .textContainer .skillsContainer .skills{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 40px;padding-left:20px;margin-top:10px;color:var(--vscode-string)}@media (max-width: 738px){.about .wrapper .textContainer .skillsContainer .skills{grid-template-columns:1fr;gap:8px;padding:0;margin-top:15px;font-size:12px}}.about .wrapper .textContainer .skillsContainer .skills div{font-family:Fira Code,monospace;font-size:13px}@media (max-width: 738px){.about .wrapper .textContainer .skillsContainer .skills div{font-size:12px;line-height:1.4}}.about .wrapper .textContainer .skillsContainer .skills div:before{content:"• ";color:var(--vscode-comment)}.about .wrapper .textContainer .buttons{display:flex;gap:20px;margin-top:20px;position:relative;z-index:1}@media (max-width: 738px){.about .wrapper .textContainer .buttons{flex-wrap:wrap;justify-content:center;gap:10px}}.about .wrapper .textContainer .buttons a{font-family:Fira Code,monospace;font-size:13px;padding:10px 20px;background:var(--vscode-inactive-tab);color:var(--vscode-text);border:1px solid var(--vscode-border);border-radius:4px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;gap:8px;align-items:center;position:relative;z-index:1}.about .wrapper .textContainer .buttons a:before{content:"function ";color:var(--vscode-keyword);margin-right:2px}.about .wrapper .textContainer .buttons a:after{content:"()";color:var(--vscode-text);margin-left:2px}@media (max-width: 738px){.about .wrapper .textContainer .buttons a{font-size:12px;padding:8px 16px;gap:6px}}.about .wrapper .textContainer .buttons a[href*=Resume]{background:var(--vscode-bg);border:1px solid var(--vscode-function);font-weight:500;box-shadow:0 0 15px #00ff9d4d;display:flex;gap:4px;align-items:center;color:#4ec9b0}.about .wrapper .textContainer .buttons a[href*=Resume] span{color:inherit}.about .wrapper .textContainer .buttons a[href*=Resume]:before{content:"async function";background:linear-gradient(90deg,#c586c0,#569cd6);-webkit-background-clip:text;background-clip:text;color:transparent}.about .wrapper .textContainer .buttons a[href*=Resume]:after{content:"()";color:inherit}.about .wrapper .textContainer .buttons a[href*=Resume]:hover{background:rgba(0,255,157,.1);transform:translateY(-2px);box-shadow:0 0 20px #00ff9d80}.about .wrapper .textContainer .buttons a:hover{background:var(--vscode-active-tab);border-color:var(--vscode-function)}.about .imageContainer{height:100%;position:absolute;top:0;right:0}@media (max-width: 738px){.about .imageContainer{height:50%;width:100%;top:unset;bottom:0}}.about .imageContainer img{width:100%;height:100%;object-fit:contain;opacity:.4;filter:brightness(.7) contrast(.8);mix-blend-mode:luminosity}.about .imageContainer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,var(--vscode-bg) 0%,transparent 100%);pointer-events:none}.about .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff08;width:50%;font-weight:700;z-index:0}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;color:var(--neutral-100)}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:var(--vscode-sidebar);border-right:1px solid var(--vscode-border);-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 738px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-family:Fira Code,monospace;color:var(--vscode-text);font-size:14px;padding:8px 16px;width:100%;text-align:left}.sidebar .bg .links a:hover{background:var(--vscode-selection);transform:none}.sidebar .bg .links a:before{content:"→";margin-right:8px;color:var(--vscode-comment)}.sidebar .bg .links a:after{display:none}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:28px;left:25px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #00ff9d;cursor:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #00ff9d4d;overflow:hidden}.sidebar button:before{content:"";position:absolute;top:20%;left:20%;width:15px;height:15px;background:#00ff9d;border-radius:50%;filter:blur(2px);opacity:.8}.sidebar button:after{content:"";position:absolute;top:35%;left:35%;width:8px;height:8px;background:#00ffff;border-radius:50%;filter:blur(1px);opacity:.6}.sidebar button:hover{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border-color:#0ff;box-shadow:0 0 20px #0ff6;transform:scale(1.1) rotate(15deg)}.sidebar button:hover:before,.sidebar button:hover:after{animation:twinkle 1s infinite alternate}@keyframes twinkle{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.2);filter:blur(1px)}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--vscode-bg)}@media (max-width: 738px){.parallax{padding:20px;height:100vh;min-height:-webkit-fill-available}}.parallax h1{font-family:Fira Code,monospace;font-size:72px;color:var(--vscode-text);text-align:center;position:relative;z-index:3}@media (max-width: 738px){.parallax h1{font-size:36px;padding:0 20px}}.parallax h1 .name{color:#00ff9d!important;text-shadow:0 0 5px #00ff9d,0 0 8px #00ff9d,0 0 15px #00ff9d,0 0 30px rgba(0,255,157,.8),0 0 65px rgba(0,255,157,.6),0 0 75px rgba(0,255,157,.5);animation:pulsate 2s infinite alternate,float-text 3s ease-in-out infinite;display:inline-block}.parallax h1 .role{color:var(--vscode-keyword);display:inline-block}.parallax h1 p{font-size:small;font-style:italic;margin-top:20px}.parallax h1 img{width:50px}.parallax .mountains{background-image:url(/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3;filter:brightness(1.4) contrast(1.2) saturate(1.5)}.parallax .planets{background-image:url(/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2;filter:brightness(1.6) contrast(1.3)}.parallax .planets:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--vscode-bg) 0%,rgba(0,0,0,.5) 50%,transparent 100%);opacity:.8}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1;filter:brightness(1.8) contrast(1.3)}.parallax .scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:4;font-family:Fira Code,monospace;font-size:14px;color:var(--vscode-function);text-align:center}@media (max-width: 738px){.parallax .scroll-indicator{bottom:20px;font-size:12px;width:100%;padding:0 20px}}.parallax .scroll-indicator:before{content:"↓";font-size:24px;animation:bounce 2s infinite;display:block;margin-bottom:5px}@media (max-width: 738px){.parallax .scroll-indicator:before{font-size:18px}}.parallax .scroll-indicator:after{content:"scroll.start()";color:var(--vscode-function);text-shadow:0 0 12px rgba(220,220,170,.6)}.parallax .code-decoration{position:absolute;font-family:Fira Code,monospace;color:var(--vscode-comment);opacity:.8;pointer-events:none;z-index:2}.parallax .code-decoration.line-numbers{left:40px;top:50%;transform:translateY(-50%);text-align:right;font-size:14px;line-height:1.6}@media (max-width: 738px){.parallax .code-decoration.line-numbers{left:5px;font-size:10px;top:40%}}.parallax .code-decoration.line-numbers span{display:block;color:var(--vscode-line-number);text-shadow:0 0 10px rgba(255,255,255,.1)}.parallax .code-decoration.code-snippets{right:40px;top:40px;font-size:14px;text-align:left}@media (max-width: 738px){.parallax .code-decoration.code-snippets{right:5px;top:80px;font-size:10px}}.parallax .code-decoration.code-snippets .comment{color:var(--vscode-comment);text-shadow:0 0 12px rgba(106,153,85,.6);opacity:.9}.parallax .code-decoration.code-snippets .keyword{color:var(--vscode-keyword);text-shadow:0 0 12px rgba(86,156,214,.6)}.parallax .code-decoration.code-snippets .string{color:var(--vscode-string);text-shadow:0 0 12px rgba(206,145,120,.6)}.parallax .content-wrapper{position:relative;z-index:3;text-align:center;width:100%;max-width:800px}@media (max-width: 738px){.parallax .content-wrapper{margin-top:60px}}.parallax .content-wrapper h1{font-family:Fira Code,monospace;font-size:64px;color:var(--vscode-text);line-height:1.2;margin-bottom:20px}@media (max-width: 738px){.parallax .content-wrapper h1{font-size:28px;line-height:1.4;margin-bottom:10px}}.parallax .content-wrapper h1 .name{color:#00ff9d!important;text-shadow:0 0 5px #00ff9d,0 0 8px #00ff9d,0 0 15px #00ff9d,0 0 30px rgba(0,255,157,.8),0 0 65px rgba(0,255,157,.6),0 0 75px rgba(0,255,157,.5);animation:pulsate 2s infinite alternate,float-text 3s ease-in-out infinite;display:inline-block}@keyframes float-text{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(5px)}to{transform:translateY(0) translate(0)}}@keyframes pulsate{to{text-shadow:0 0 3px #00ff9d,0 0 8px #00ff9d,0 0 12px #00ff9d,0 0 25px rgba(0,255,157,.8),0 0 55px rgba(0,255,157,.6),0 0 65px rgba(0,255,157,.5)}0%{text-shadow:0 0 5px #00ff9d,0 0 10px #00ff9d,0 0 20px #00ff9d,0 0 35px rgba(0,255,157,.8),0 0 75px rgba(0,255,157,.6),0 0 85px rgba(0,255,157,.5)}}.parallax .content-wrapper h1 .role{color:var(--vscode-keyword);display:block;margin-top:5px}@media (max-width: 738px){.parallax .content-wrapper h1 .role{font-size:24px}}.parallax .content-wrapper .subtitle{font-family:Fira Code,monospace;font-size:16px;color:var(--vscode-comment);margin-top:15px;opacity:.9}@media (max-width: 738px){.parallax .content-wrapper .subtitle{font-size:12px;margin-top:10px;padding:0 20px}}.parallax .content-wrapper .subtitle:before{content:"// ";color:var(--vscode-comment)}.parallax .floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}@media (max-width: 738px){.parallax .floating-elements{position:fixed;width:100%;height:100%}}.parallax .floating-elements .element{position:absolute;font-family:Fira Code,monospace;color:var(--vscode-comment);opacity:.8;text-shadow:0 0 15px rgba(106,153,85,.7);animation:float 8s infinite ease-in-out;font-size:14px}@media (max-width: 738px){.parallax .floating-elements .element{font-size:12px}}.parallax .floating-elements .element:nth-child(1){top:15%;left:15%}@media (max-width: 738px){.parallax .floating-elements .element:nth-child(1){top:10%;left:10%}}.parallax .floating-elements .element:nth-child(2){top:25%;right:20%;animation-delay:-2s}@media (max-width: 738px){.parallax .floating-elements .element:nth-child(2){top:15%;right:10%}}.parallax .floating-elements .element:nth-child(3){bottom:30%;left:25%;animation-delay:-4s}@media (max-width: 738px){.parallax .floating-elements .element:nth-child(3){bottom:25%;left:15%}}.parallax .floating-elements .element:nth-child(4){bottom:25%;right:25%;animation-delay:-6s}@media (max-width: 738px){.parallax .floating-elements .element:nth-child(4){bottom:20%;right:15%}}.parallax .mountains,.parallax .planets,.parallax .stars{position:absolute;width:100%;height:100%;background-size:cover;background-position:center}@media (max-width: 738px){.parallax .mountains,.parallax .planets,.parallax .stars{background-position:center center}}.parallax .tech-icons{position:absolute;width:100%;height:100%;z-index:2;overflow:visible}.parallax .tech-icons .icon{position:absolute;width:55px;height:55px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.85;transition:all .3s ease;z-index:2;transform-origin:center;scale:1.2;animation:float 8s ease-in-out infinite}.parallax .tech-icons .icon:nth-child(1){top:10%;left:8%;animation-delay:0s}.parallax .tech-icons .icon:nth-child(2){top:15%;right:8%;animation-delay:-1s}.parallax .tech-icons .icon:nth-child(3){bottom:25%;left:12%;animation-delay:-2s}.parallax .tech-icons .icon:nth-child(4){bottom:30%;right:12%;animation-delay:-3s}.parallax .tech-icons .icon:nth-child(5){top:20%;right:25%;animation-delay:-4s}.parallax .tech-icons .icon:nth-child(6){bottom:20%;left:25%;animation-delay:-5s}.parallax .tech-icons .icon:nth-child(7){top:25%;left:30%;animation-delay:-6s}.parallax .tech-icons .icon:nth-child(8){bottom:35%;right:30%;animation-delay:-7s}.parallax .tech-icons .icon.react{filter:drop-shadow(0 0 25px rgb(97,218,251)) drop-shadow(0 0 35px rgb(97,218,251)) drop-shadow(0 0 45px rgba(97,218,251,.9)) brightness(2)}.parallax .tech-icons .icon.javascript{filter:drop-shadow(0 0 25px rgb(247,223,30)) drop-shadow(0 0 35px rgb(247,223,30)) drop-shadow(0 0 45px rgba(247,223,30,.9)) brightness(2)}.parallax .tech-icons .icon.typescript{filter:drop-shadow(0 0 25px rgb(49,120,198)) drop-shadow(0 0 35px rgb(49,120,198)) drop-shadow(0 0 45px rgba(49,120,198,.9)) brightness(2)}.parallax .tech-icons .icon.python{filter:drop-shadow(0 0 25px rgb(55,118,171)) drop-shadow(0 0 35px rgb(55,118,171)) drop-shadow(0 0 45px rgba(55,118,171,.9)) brightness(2)}.parallax .tech-icons .icon.csharp{filter:drop-shadow(0 0 25px rgb(104,33,122)) drop-shadow(0 0 35px rgb(104,33,122)) drop-shadow(0 0 45px rgba(104,33,122,.9)) brightness(2)}.parallax .tech-icons .icon.docker{filter:drop-shadow(0 0 25px rgb(13,136,209)) drop-shadow(0 0 35px rgb(13,136,209)) drop-shadow(0 0 45px rgba(13,136,209,.9)) brightness(2)}.parallax .tech-icons .icon.html{filter:drop-shadow(0 0 25px rgb(228,77,38)) drop-shadow(0 0 35px rgb(228,77,38)) drop-shadow(0 0 45px rgba(228,77,38,.9)) brightness(2)}.parallax .tech-icons .icon.css{filter:drop-shadow(0 0 25px rgb(21,114,182)) drop-shadow(0 0 35px rgb(21,114,182)) drop-shadow(0 0 45px rgba(21,114,182,.9)) brightness(2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.neon-glow{text-shadow:0 0 15px rgba(0,255,157,.7),0 0 25px rgba(0,255,157,.5),0 0 35px rgba(0,255,157,.3)}.scan-lines:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10;opacity:.3}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}@media (max-width: 738px){html{scroll-snap-type:y proximity}}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{font-family:Fira Code,monospace;background-color:var(--vscode-bg);color:var(--vscode-text)}a{text-decoration:none;color:inherit}section{height:100vh;width:100vw;scroll-snap-align:center;overflow:hidden}@media (max-width: 738px){section{height:auto;min-height:100vh;width:100%;overflow:visible}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--vscode-bg)}::-webkit-scrollbar-thumb{background:var(--vscode-scrollbar);border:4px solid var(--vscode-bg);border-radius:7px}::-webkit-scrollbar-thumb:hover{background:#525252}.code-text{font-family:Fira Code,monospace}:root{--vscode-bg: #1e1e1e;--vscode-sidebar: #252526;--vscode-active-tab: #1e1e1e;--vscode-inactive-tab: #2d2d2d;--vscode-border: #454545;--vscode-text: #d4d4d4;--vscode-comment: #6a9955;--vscode-keyword: #569cd6;--vscode-function: #dcdcaa;--vscode-string: #ce9178;--vscode-number: #b5cea8;--vscode-line-number: #858585;--vscode-scrollbar: #424242;--vscode-selection: #264f78}:root{--primary-900: #1a1b26;--primary-800: #24283b;--primary-700: #2f334d;--accent-500: #7aa2f7;--accent-400: #bb9af7;--accent-300: #2ac3de;--neutral-100: #c0caf5;--neutral-200: #9aa5ce;--neutral-700: #565f89;--neutral-800: #414868;--success: #9ece6a;--warning: #e0af68;--error: #f7768e;--gradient-primary: linear-gradient( 135deg, var(--primary-800) 0%, var(--primary-900) 100% );--gradient-accent: linear-gradient( 135deg, var(--accent-500) 0%, var(--accent-300) 100% );--vscode-bg: #1e1e1e;--vscode-sidebar: #252526;--vscode-active-tab: #1e1e1e;--vscode-inactive-tab: #2d2d2d;--vscode-border: #454545;--vscode-text: #d4d4d4;--vscode-comment: #6a9955;--vscode-keyword: #569cd6;--vscode-function: #dcdcaa;--vscode-string: #ce9178;--vscode-number: #b5cea8;--vscode-line-number: #858585;--vscode-scrollbar: #424242;--vscode-selection: #264f78}.portfolio{position:relative;background-color:var(--vscode-bg);color:var(--neutral-100)}@media (max-width: 738px){.portfolio{height:auto;min-height:100vh;overflow:visible}}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:var(--accent-500);background:var(--vscode-sidebar);border-bottom:1px solid var(--vscode-border);font-size:36px;z-index:10}@media (max-width: 738px){.portfolio .progress{padding-top:20px;font-size:24px}}.portfolio .progress .progressBar{height:10px;background:var(--gradient-accent)}.portfolio .progress h1{font-family:Fira Code,monospace;color:var(--vscode-function);font-size:16px;padding:8px 16px}.portfolio .progress h1:before{content:"// ";color:var(--vscode-comment)}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}@media (max-width: 738px){.portfolio .container{height:auto;padding:20px 10px}}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 738px){.portfolio .container .wrapper{flex-direction:column;height:auto;gap:20px}}.portfolio .container .wrapper .imageContainer{flex:1;height:50%}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer{width:100%;max-height:200px;margin-bottom:20px}}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover;border-radius:8px}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer img{object-fit:contain}}.portfolio .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer{transform:none!important;padding:10px;align-items:center;text-align:center;gap:15px}}.portfolio .container .wrapper .textContainer h2{color:var(--vscode-keyword);font-family:Fira Code,monospace;font-size:24px}.portfolio .container .wrapper .textContainer h2:before{content:"const ";color:var(--vscode-keyword)}.portfolio .container .wrapper .textContainer h2:after{content:" = {";color:var(--vscode-text)}.portfolio .container .wrapper .textContainer p{color:var(--vscode-text);font-family:Fira Code,monospace;font-size:14px;line-height:1.6;padding-left:20px}.portfolio .container .wrapper .textContainer p:before{content:"// ";color:var(--vscode-comment)}.portfolio .container .wrapper .textContainer .technologies{color:var(--vscode-string)}.portfolio .container .wrapper .textContainer .technologies strong{color:var(--vscode-function)}.portfolio .container .wrapper .textContainer .linksContainer{display:flex;gap:10px}.portfolio .container .wrapper .textContainer .linksContainer a,.portfolio .container .wrapper .textContainer .linksContainer button{font-family:Fira Code,monospace;display:flex;align-items:center;text-align:center;background:var(--vscode-inactive-tab);border:1px solid var(--vscode-border);color:var(--vscode-text);padding:6px 12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f9b17a33}.portfolio .container .wrapper .textContainer .linksContainer a:hover,.portfolio .container .wrapper .textContainer .linksContainer button:hover{background:var(--vscode-active-tab);transform:none;box-shadow:none}.portfolio .container .wrapper .textContainer .linksContainer a img,.portfolio .container .wrapper .textContainer .linksContainer button img{width:25px;height:25px;margin-inline:6px}.portfolio .container .wrapper .textContainer .linksContainer .demo-disabled{background:var(--primary-700);color:var(--neutral-200);opacity:.8;cursor:not-allowed;box-shadow:none}.portfolio .container .wrapper .textContainer .linksContainer .demo-disabled:hover{transform:none;background:var(--primary-700);box-shadow:none}.portfolio .container .wrapper .textContainer .linksContainer .demo-disabled:after{content:"🚧";margin-left:8px}