@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--gap-size: 16px;--color-text: #faedcd;--color-highlight: #fefae0;--color-bg: #242424;--color-primary: #ce4257;--color-secondary: #ff7f51;--color-border: rgba(245, 235, 224, .2);--shadow: 0 4px 8px rgba(0, 0, 0, .4);font-family:JetBrains Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);scroll-behavior:smooth}body{margin:0}::selection{background-color:var(--color-primary);color:var(--color-bg)}::-moz-selection{background-color:var(--color-primary);color:var(--color-bg)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#12121280}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}#root{max-width:1280px;margin:0 auto;padding:0 var(--gap-size) var(--gap-size);text-align:center}.routes-container{min-height:100vh}.nav-container{position:sticky;top:0;z-index:20;place-content:end;min-height:calc(60px + var(--gap-size));margin-bottom:160px;background-color:transparent;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:60px;box-sizing:border-box;padding:var(--gap-size);border-radius:4px;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-prompt{display:flex;justify-content:center;align-items:center;gap:calc(var(--gap-size) / 4);text-decoration:none;color:var(--color-highlight)}#prompt-name{font-weight:600;letter-spacing:1px;color:var(--color-primary)}#prompt-tail{color:var(--color-highlight)}#prompt-cursor{display:inline-block;width:8px;height:1.2rem;background-color:var(--color-primary);animation:blink 1.3s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.menu-icon{display:block;padding:0;border:none;background:none;cursor:pointer;z-index:21}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.hamburger span{height:2px;background-color:var(--color-primary);transition:all .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-items{position:absolute;top:calc(100% + calc(var(--gap-size) / 2));right:0;display:flex;flex-direction:column;align-items:end;gap:calc(var(--gap-size) / 2);padding:var(--gap-size);border-radius:4px;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease}.menu-items.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-items a{font-weight:600;color:var(--color-highlight);text-decoration:none;cursor:pointer;margin-bottom:calc(var(--gap-size) / 4);transition:all .3s ease}.menu-items a:hover{color:var(--color-primary);transform:translate(-4px)}footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;min-height:60px;margin-top:160px;box-sizing:border-box;padding:var(--gap-size);border-radius:4px;color:var(--color-highlight);background:#121212;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-secondary),var(--color-primary),var(--color-secondary),transparent);opacity:.6}.footer-link{display:flex;justify-content:center;align-items:center;gap:calc(var(--gap-size) / 2);color:var(--color-highlight);text-decoration:none;transition:color .3s ease}.footer-link p{margin:0;font-weight:600}.footer-link:hover{color:var(--color-primary)}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap-size) / 2);background-color:var(--color-bg);z-index:100;transition:opacity .4s ease,visibility .4s ease}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-bar-labels{display:flex;justify-content:space-between;align-items:center;width:400px;line-height:1;color:var(--color-highlight)}.loading-bar-labels p{font-size:1.1rem;letter-spacing:-1px;margin:0}.loader-percentage{font-size:.9rem;letter-spacing:1px}.loader-bar-track{width:400px;height:10px;background-color:var(--color-border)}.loader-bar-fill{height:100%;background-color:var(--color-primary);transition:width .15s ease}.home-container{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap-size);align-items:start;margin-top:0;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-profile{position:sticky;top:calc(var(--gap-size) + 60px + var(--gap-size));z-index:10}.home-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--gap-size) * 6)}.home-intro{display:flex;flex-direction:column;justify-content:start;align-items:end;gap:calc(var(--gap-size) * 2);min-height:440px;box-sizing:border-box;padding:calc(var(--gap-size) * 2);transition:transform .3s ease}.intro-container>*{text-align:left;margin:0}.intro-container h1{line-height:1;word-spacing:-4px;letter-spacing:-2px;margin-bottom:calc(var(--gap-size) / 4);color:var(--color-highlight);animation:slideInLeft .8s ease-out .2s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}#intro-name{color:var(--color-primary);position:relative;display:inline-block}#intro-name:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));transform:scaleX(0);transform-origin:right;transition:transform .5s ease}.intro-container h1:hover #intro-name:after{transform:scaleX(1);transform-origin:left}.intro-container p{font-size:1.2rem;word-spacing:-4px;letter-spacing:-1px;line-height:1.5;color:var(--color-text);animation:slideInLeft .8s ease-out .4s both}.intro-container p span{font-weight:600;text-decoration:none;opacity:.8;color:var(--color-primary);transition:opacity .3s ease,text-shadow .3s ease;cursor:default}.intro-container p span:hover{opacity:1;text-shadow:0 0 8px rgba(206,66,87,.4)}.arrow-link{font-size:.8rem;font-weight:600;text-decoration:none;color:var(--color-primary);cursor:pointer;animation:slideInLeft .8s ease-out .6s both}.arrow-link #arrow{display:inline-block;transition:transform .3s ease}.arrow-link:hover #arrow{transform:translate(6px)}.about-arrow{margin-right:calc(var(--gap-size) * 2)}.home-projects{display:flex;flex-direction:column;gap:var(--gap-size);width:100%;animation:slideInUp .8s ease-out .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header-container{display:flex;justify-content:space-between;align-items:end;line-height:1;padding-bottom:calc(var(--gap-size) / 4);border-bottom:2px dotted var(--color-border)}#projects-header{display:flex;justify-content:start;align-items:center;color:var(--color-highlight)}#projects-header h2{margin:0 4px}#projects-header span{letter-spacing:2px;color:var(--color-primary);transition:transform .3s ease}#projects-header:hover span:first-child{transform:translate(-3px)}#projects-header:hover span:last-child{transform:translate(3px)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-size)}.home-projects-error{place-items:center}.home-projects-error p{max-width:280px;padding:var(--gap-size);color:var(--color-highlight);border:1px solid var(--color-primary);border-radius:4px;background-color:#ce425733}.home-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-size);width:100%;animation:slideInUp .8s ease-out .5s both}.info-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap-size) / 2);min-height:280px;color:var(--color-highlight);border:1px solid var(--color-border);border-radius:4px;box-shadow:var(--shadow);overflow:hidden}.wip-indicator{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.info-icon{color:var(--color-primary);transition:all .5s ease}.info-card:hover .info-icon{transform:scale(1.1) rotateY(360deg)}.info-label{font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;word-spacing:-4px;color:var(--color-text);opacity:.6;transition:opacity .3s ease}.info-card:hover .info-label{opacity:.8}.info-title{font-size:1.1rem;font-weight:600;letter-spacing:-1px;word-spacing:-4px;transition:all .3s ease}.info-card:hover .info-title{color:var(--color-primary);transform:scale(1.05)}@media(max-width:1200px){.home-container{grid-template-columns:1fr}.home-profile{display:none}}@media(max-width:800px){.projects{grid-template-columns:1fr}.home-extra{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home-extra{grid-template-columns:1fr}.intro-container h1{font-size:1.8rem}.intro-container p{font-size:1.1rem}#projects-header{font-size:.9rem}}#link-to-project{text-decoration:none}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:var(--gap-size);min-height:280px;padding:var(--gap-size);border-radius:4px;box-shadow:var(--shadow);cursor:pointer;border:1px solid var(--color-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-primary);transform:translateY(-4px) scale(1.02)}.project-card.no-hover{animation:fadeInScale .8s ease-out}.project-card.no-hover:hover{border:1px solid var(--color-border);cursor:default;transform:none;box-shadow:var(--shadow)}.card-gradient{width:100%;min-height:60px;border-radius:4px;background:linear-gradient(135deg,var(--color-text),var(--color-secondary),var(--color-primary));position:relative;overflow:hidden;transition:transform .4s ease}.card-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-text),transparent);transition:left .6s ease}.project-card:hover .card-gradient:before{left:100%}.project-card.no-hover:hover .card-gradient:before{left:-100%}.project-details{display:flex;flex-direction:column;justify-content:start;align-items:start;flex:1;gap:var(--gap-size);width:100%;box-sizing:border-box;padding:var(--gap-size)}.project-header{display:flex;justify-content:center;align-items:center;gap:calc(var(--gap-size) / 2);width:100%;color:var(--color-primary)}.project-header h2{text-align:start;margin:0;line-height:1;width:100%}#project-about{font-size:.9rem;text-align:start;word-spacing:-2px;line-height:1.4;margin:0;margin-left:calc(var(--gap-size) * 2);color:var(--color-text)}.language-container{display:flex;justify-content:start;align-items:center;gap:calc(var(--gap-size) / 4);margin-left:var(--gap-size);color:var(--color-primary);transition:.4s ease}.languages-list{display:flex;flex-wrap:wrap;gap:calc(var(--gap-size) / 4)}#project-language{font-size:.8rem;font-weight:600;padding:2px 4px;color:var(--color-bg);border-radius:2px}.profile-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--gap-size);min-height:400px;box-sizing:border-box;padding:var(--gap-size);padding-bottom:calc(var(--gap-size) / 2);border:1px solid var(--color-border);border-radius:4px;box-shadow:var(--shadow);animation:fadeInScale .8s ease-out}.profile-image{width:100%;height:360px;overflow:hidden;border-radius:4px}.profile-image img{width:100%;height:100%;border-radius:4px;object-fit:cover;transition:transform .4s ease}.profile-image:hover img{transform:scale(1.05)}.profile-image.no-hover:hover img{transform:scale(1)}.profile-links{display:flex;justify-content:center;align-items:center;gap:var(--gap-size)}.profile-link{color:var(--color-highlight);line-height:1;transition:all .3s ease}.profile-link:hover{color:var(--color-primary);transform:translateY(-4px) scale(1.1)}.projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-header-container{display:flex;justify-content:space-between;align-items:end;width:100%;margin-bottom:var(--gap-size);border-bottom:1px dashed var(--color-border)}.projects-header{display:flex;justify-content:start;align-items:center;gap:calc(var(--gap-size) / 2);line-height:1;padding-bottom:calc(var(--gap-size) / 2);color:var(--color-highlight)}.projects-header svg{color:var(--color-primary)}.projects-header h1{margin:0}.projects-header-container p{text-align:start;margin:0;color:var(--color-highlight)}.projects-header-container p span{color:var(--color-primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-size);width:100%;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.error-message{padding:var(--gap-size);border:1px solid var(--color-primary);border-radius:4px;background-color:#ce425733}.error-message p{color:var(--color-highlight)}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.projects-grid{grid-template-columns:1fr}.projects-header h1{font-size:1.6rem}}.about-container{display:flex;justify-content:center;gap:var(--gap-size);align-items:start;flex-wrap:wrap}.about-container>*{flex:1 1 400px;max-width:400px}.about-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-size);max-width:480px}.about-header{display:flex;justify-content:space-between;align-items:end;width:100%;line-height:1;margin-top:calc(var(--gap-size) / 2);padding-bottom:calc(var(--gap-size) / 4);border-bottom:1px dashed var(--color-border)}.about-header h1{font-size:1.4rem;word-spacing:-8px;margin:0;color:var(--color-primary)}.about-header span{font-size:.8rem;opacity:.6;color:var(--color-highlight)}.about-content p{text-align:left;word-spacing:-2px;letter-spacing:-1px;line-height:1.4;width:100%;margin:0;color:var(--color-text)}@media(max-width:1000px){.about-container{grid-template-columns:1fr}}.project-detail-container{display:flex;justify-content:center;align-items:start;gap:var(--gap-size);flex-wrap:wrap}.project-detail-container>*{flex:1 1 400px;max-width:400px}.project-detail-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-size);max-width:480px}.project-detail-header{display:flex;justify-content:space-between;align-items:end;line-height:1;width:100%;padding-bottom:calc(var(--gap-size) / 4);color:var(--color-highlight);border-bottom:1px dashed var(--color-border)}.project-detail-header a{color:var(--color-primary);transition:scale .2s ease}.project-detail-header a:hover{scale:1.2}.project-detail-header span{font-size:.8rem;opacity:.6}.project-summary{text-align:left;width:100%}.project-summary p{word-spacing:-2px;letter-spacing:-1px;line-height:1.4;margin:0 0 var(--gap-size);color:var(--color-text)}