:root{--bg-primary: #0D0D0D;--bg-secondary: #1A1A1A;--bg-surface: #2D2D2D;--border-color: #3D3D3D;--accent: #E53935;--accentVariant: #f5576c;--succesGreen: #61d601;--text-primary: #ffffff;--text-secondary: #666666;--font-display: "Oswald", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:url()}body{background-color:var(--bg-primary);font-family:var(--font-display);color:var(--text-primary);overflow-x:hidden;width:100%}a{text-decoration:none;color:inherit}ul{display:flex;cursor:pointer}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px #9c010180}50%{box-shadow:0 0 30px #9c0101}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}60%{transform:translate(-20px);opacity:1}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.principalButton{width:300px;height:100px;font-size:20px;font-weight:500;cursor:pointer;background-color:var(--bg-surface);color:var(--text-primary);border:none;transform:scale(1);transition:color .2s ease,background-color .3s ease,transform .6s ease}.principalButton:hover{color:var(--bg-primary);background-color:var(--accent);transform:scale(1.15);animation:neon-pulse 1.5s infinite}.principalButton :disabled{opacity:.5;cursor:not-allowed}.title1-white{font-size:125px;font-family:var(--font-display);margin-top:3rem}.title2-red{font-size:95px;font-family:var(--font-mono);color:var(--accent)}.subtitle1-white{font-size:65px;color:var(--text-primary)}.genericText{font-family:var(--font-mono)}.aboutmeText{max-width:850px;width:100%}.helloWorld{margin-top:2rem;font-family:var(--font-mono);font-size:20px;color:var(--accent);font-weight:lighter;margin-bottom:15px}.centerText{text-align:center}.centerContent{justify-content:center;align-items:center}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--bg-surface);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;box-shadow:0 4px 12px #00000080;transition:all .5s ease;z-index:1000}.scroll-to-top:hover{background-color:var(--accent);transform:scale(1.1);box-shadow:0 6px 16px #0006;animation:neon-pulse 1.5s infinite}.scroll-to-top:active{transform:scale(.95)}header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:300;padding:3rem 2rem}.navBar-container{list-style:none;text-decoration-line:none;text-decoration:none}.navBar-container li{margin:0 1rem;color:var(--text-primary);transition:color .5s}.navBar-container li:hover{color:var(--accent)}.logo{display:flex;gap:.75rem}.logo-img{width:6px;height:25px;background-color:var(--accent)}.logo p{font-family:var(--font-display);margin-right:16px;font-size:larger;font-weight:700}.toast{position:fixed;top:20px;right:20px;min-width:360px;max-width:700px;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:9999;animation:slideInRight .4s ease-out}.toast.closing{animation:slideOutRight .3s ease-in forwards}.toastContent{display:flex;align-items:center;gap:1rem}.toastDecoration{display:flex;flex-direction:row;gap:.5rem}.toastTextContainer{display:flex;flex-direction:column;gap:.05rem}.toastIcon{margin-top:7px;font-size:2rem;flex-shrink:0}.toastClose{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:1rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toastTitle{font-weight:700}.toastClose:hover{background-color:var(--accentVariant)}.toast-success{background:var(--bg-secondary)}.toastDecoratorSuccess{width:5px;background-color:var(--succesGreen)}.toast-error{background:var(--bg-secondary)}.toastDecoratorError{width:5px;background-color:var(--accentVariant)}.principalContent-Container{position:relative;overflow:hidden;min-height:100vh;padding:10rem 7rem 3rem}.principalContent-Container>*:not(canvas){position:relative;z-index:1}.principal-description{color:var(--text-secondary);font-size:20px;margin-top:15px}.buttonsContainer{margin:3rem;display:flex;flex-wrap:wrap;gap:4rem}.skills-Container{background-color:var(--bg-secondary);padding:4rem}.cards-Container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:7rem}.skillCard{background-color:var(--bg-primary);flex:1 1 280px;max-width:400px;min-width:0;padding:15px;border:2px solid transparent;border-color:var(--border-color);transform:scale(1);overflow:visible;transition:background-color .7s ease,transform .3s ease,box-shadow .3s ease}.skillCard .skill-Icon{color:var(--accent);margin:1rem;width:100px;height:100px;transition:color .3s}.skillCard h4{font-size:35px;font-weight:lighter;font-family:var(--font-mono);color:var(--text-primary);transition:color .3s}.skillCard p{margin-top:10px;font-size:15px;font-weight:lighter;font-family:var(--font-mono);color:var(--text-secondary);transition:color .2s}.skillCard:hover .skill-Icon,.skillCard:hover h4,.skillCard:hover p{color:var(--bg-primary)}.skillCard:hover{background-color:var(--accent);border-color:var(--accent);transform:scale(1.04);box-shadow:0 10px 20px #9c010133;box-shadow:0 0 20px #9c0101cc;animation:neon-pulse 1.5s infinite}.projectsContainer{margin:3rem 5rem}.contactHomeContainer{display:flex;flex-direction:column;padding:4rem;background-color:var(--bg-secondary);justify-content:center;align-items:center;gap:2rem}.contactContainer{display:flex;flex-direction:column;padding:.05rem 4rem 4rem;background-color:var(--bg-primary);margin:0 auto;justify-content:center;align-items:center;gap:2rem}.formContainer{width:50rem;max-width:100%;padding:4rem;border-radius:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;grid-column-gap:45px;grid-row-gap:0px}.userDataContainer1{display:flex;flex-direction:column;grid-area:1 / 1 / 2 / 2;gap:.5rem}.userDataContainer2{display:flex;flex-direction:column;grid-area:1 / 2 / 2 / 3;gap:.5rem}.userDataContainer3{text-align:left;display:flex;flex-direction:column;align-items:stretch;grid-area:2 / 1 / 3 / 3;gap:.5rem}.userDataContainer4{text-align:left;display:flex;padding-top:4rem;justify-content:center;align-content:center;grid-area:3 / 1 / 4 / 3}.inputLabel{width:100%;height:3rem;background-color:#2d2d2d;border:none;text-align:left;padding:15px;color:var(--text-primary);font-family:var(--font-mono)}.inputLabelText{width:100%;height:20rem;background-color:#2d2d2d;border:none;text-align:left;padding:15px;color:var(--text-primary);font-family:var(--font-mono)}.status-message{margin-top:1rem;padding:1rem;border-radius:8px;font-size:1rem;text-align:center}.status-message.success{background-color:#00ff001a;color:#0f0;border:1px solid #00ff00}.status-message.error{background-color:#ff00001a;color:red;border:1px solid #ff0000}.footer-Container{background-color:var(--bg-primary);display:flex;padding:2rem;justify-content:space-between}@media(max-width:1024px){.title1-white{font-size:80px}.title2-red{font-size:60px}.subtitle1-white{font-size:45px}.principalContent-Container{min-height:100vh;padding:6rem 3rem 3rem}.buttonsContainer{gap:2rem;margin:3rem 0}.principalButton{width:250px;height:80px;font-size:18px}.skills-Container{padding:3rem 2rem}.cards-Container{margin-top:4rem}.skillCard{flex:1 1 calc(50% - 20px);max-width:calc(50% - 10px)}.skillCard .skill-Icon{width:80px;height:80px}.projectsContainer{margin:3rem 2rem}.contactHomeContainer{padding:3rem 2rem}.contactContainer{padding:.05rem 2rem 3rem}.formContainer{width:100%;padding:2rem}}@media(max-width:768px){header{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem}.navBar-container{flex-wrap:wrap;justify-content:center}.navBar-container li{margin:.3rem .5rem;font-size:14px}.title1-white{font-size:55px;margin-top:2rem}.title2-red{font-size:42px}.subtitle1-white{font-size:35px}.helloWorld{font-size:16px}.principalContent-Container{min-height:100vh;padding:4rem 1.5rem 2rem}.principal-description{font-size:16px}.title1-white,.title2-red,.subtitle1-white{word-break:break-word;overflow-wrap:break-word}.buttonsContainer{flex-direction:column;align-items:stretch;gap:1.5rem;margin:2rem 0}.principalButton{width:100%;max-width:100%;height:70px;font-size:16px}.skills-Container{padding:2rem 1.5rem}.cards-Container{margin-top:3rem;gap:15px}.skillCard{flex:1 1 100%;max-width:100%}.skillCard h4{font-size:26px}.skillCard .skill-Icon{margin:.5rem}.projectsContainer{margin:2rem 1.5rem}.contactHomeContainer{padding:2rem 1.5rem}.contactContainer{padding:.05rem 1.5rem 2rem}.formContainer{width:100%;padding:1.5rem;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0px;grid-row-gap:0px}.userDataContainer1,.userDataContainer2,.userDataContainer3{grid-area:auto}.userDataContainer4{grid-area:auto;padding-top:2rem}.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}@keyframes slideInRight{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.footer-Container{flex-direction:column;align-items:center;gap:1rem;text-align:center}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:16px}}@media(max-width:600px){.skillCard{flex:1 1 100%;max-width:100%}.skillCard .skill-Icon{width:70px;height:70px;margin:.75rem}.skillCard h4{font-size:28px}.formContainer{grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0px}.userDataContainer1,.userDataContainer2,.userDataContainer3{grid-area:auto}.userDataContainer4{grid-area:auto;padding-top:2rem}}@media(max-width:480px){.title1-white{font-size:38px;margin-top:1.5rem}.title2-red{font-size:30px}.subtitle1-white{font-size:26px}.helloWorld{font-size:14px}.principalContent-Container{min-height:100vh;padding:3rem 1rem 1.5rem}.principal-description{font-size:14px}.principalButton{width:100%;height:60px;font-size:14px}.skills-Container{padding:1.5rem 1rem}.cards-Container{gap:12px}.skillCard{flex:1 1 100%;max-width:100%;padding:12px}.skillCard .skill-Icon{width:60px;height:60px;margin:.5rem}.skillCard h4{font-size:22px}.skillCard p{font-size:13px}.projectsContainer{margin:1.5rem 1rem}.contactHomeContainer{padding:1.5rem 1rem}.contactContainer{padding:.05rem .5rem 1.5rem}.formContainer{padding:1rem .5rem}header{padding:1.5rem 1rem}.navBar-container li{font-size:12px;margin:.25rem .4rem}.footer-Container{padding:1.5rem 1rem;font-size:14px}}.projectsVerTodos{margin-top:3rem;display:flex;justify-content:center}.backLink{display:inline-block;margin-bottom:2rem;color:var(--text-secondary);font-size:14px;cursor:pointer;background:none;border:none;padding:0;transition:color .2s ease}.backLink:hover{color:var(--accent)}.projectsStatus{margin-top:2rem;color:var(--text-secondary);font-size:16px}.projectsStatus--error{color:var(--accent)}.projectsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;width:100%}.projectsPageContainer{padding:8rem 5rem 5rem;min-height:100vh;max-width:1300px;margin:0 auto}.projectCard{display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;text-decoration:none;color:var(--text-primary);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.projectCard:hover{border-color:var(--accent);transform:translateY(-4px);animation:neon-pulse 1.5s ease-in-out infinite}.projectCard-thumbnail{width:100%;height:180px;overflow:hidden;background-color:var(--bg-surface);flex-shrink:0}.projectCard-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.projectCard:hover .projectCard-thumbnail img{transform:scale(1.04)}.projectCard-thumbnailPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.projectCard-content{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;flex:1}.projectCard-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2}.projectCard-tagline{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projectCard-techList{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.techBadge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;--glow-color: var(--accent);cursor:default}.techBadge:hover{border-color:var(--glow-color);color:var(--glow-color);animation:badge-breathe 1.4s ease-in-out infinite}@keyframes badge-breathe{0%,to{box-shadow:0 0 2px transparent}50%{box-shadow:0 0 10px var(--glow-color)}}.techBadge--more{color:var(--accent);border-color:var(--accent)}.projectCard-links{display:flex;gap:.75rem;margin-top:auto;padding-top:.75rem}.projectCard-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.projectCard-link:hover{border-color:var(--accent);color:var(--accent);background-color:#e5393514}.projectDetailContainer{padding:8rem 5rem 5rem;min-height:100vh;max-width:1100px;margin:0 auto}.projectDetail-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:0}.projectDetail-heroLeft{display:flex;flex-direction:column;gap:1rem}.projectDetail-heroMeta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.projectDetail-type{font-size:12px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-family:var(--font-mono)}.projectDetail-statusBadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.projectDetail-statusDot{width:7px;height:7px;border-radius:50%;display:inline-block}.projectDetail-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);color:var(--text-primary);line-height:1.1;font-weight:700}.projectDetail-tagline{font-size:15px;color:var(--text-secondary);line-height:1.6;font-family:var(--font-mono)}.projectDetail-heroTechs{display:flex;flex-wrap:wrap;gap:.4rem}.projectDetail-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.projectDetail-ctaPrimary,.projectDetail-ctaSecondary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:6px;font-size:13px;transition:all .2s ease;font-family:var(--font-mono)}.projectDetail-ctaPrimary{background-color:var(--accent);color:#fff;border:1px solid var(--accent)}.projectDetail-ctaPrimary:hover{background-color:transparent;color:var(--accent)}.projectDetail-ctaSecondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.projectDetail-ctaSecondary:hover{border-color:var(--accent);color:var(--accent)}.projectDetail-heroRight{border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.projectDetail-heroImg{width:100%;display:block;-o-object-fit:cover;object-fit:cover;cursor:zoom-in;transition:transform .3s ease}.projectDetail-heroImg:hover{transform:scale(1.02)}.projectDetail-metaStrip{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-top:2.5rem}.projectDetail-metaItem{display:flex;flex-direction:column;gap:4px;padding:1rem 1.5rem;flex:1;min-width:120px;border-right:1px solid var(--border-color)}.projectDetail-metaItem:last-child{border-right:none}.projectDetail-metaLabel{font-size:11px;color:var(--accent);letter-spacing:.05em}.projectDetail-metaValue{font-size:13px;color:var(--text-primary);font-family:var(--font-display)}.projectDetail-section{margin-top:3rem}.projectDetail-sectionTitle{font-size:13px;color:var(--accent);margin-bottom:1.5rem;letter-spacing:.05em;font-family:var(--font-mono)}.projectDetail-challengeBody{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.projectDetail-challengeText{display:flex;flex-direction:column;gap:1rem}.projectDetail-challengeText p{font-size:14px;color:var(--text-secondary);line-height:1.8;font-family:var(--font-mono)}.projectDetail-challengeList{list-style:none;display:flex;flex-direction:column;gap:.6rem}.projectDetail-challengeItem{display:flex;align-items:flex-start;gap:.6rem;font-size:13px;color:var(--text-secondary);line-height:1.5}.projectDetail-challengeBullet{color:var(--accent);flex-shrink:0;margin-top:1px}.projectDetail-techGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.projectDetail-techCategory{display:flex;flex-direction:column;gap:.6rem}.projectDetail-techCategoryLabel{font-size:11px;color:var(--text-secondary);letter-spacing:.08em}.projectDetail-featuresGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.projectDetail-featureCard{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease}.projectDetail-featureCard:hover{border-color:var(--accent)}.projectDetail-featureNumber{font-family:var(--font-display);font-size:2rem;color:var(--accent);line-height:1;font-weight:700;opacity:.7}.projectDetail-featureTitle{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);font-weight:600}.projectDetail-featureDesc{font-size:13px;color:var(--text-secondary);line-height:1.6}.projectDetail-metricsGrid{display:flex;flex-wrap:wrap;gap:.75rem}.projectDetail-metricItem{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.projectDetail-gallery{display:flex;flex-direction:column;gap:1rem}.projectDetail-galleryMain{width:100%;border-radius:8px;border:1px solid var(--border-color);-o-object-fit:cover;object-fit:cover;max-height:480px;cursor:zoom-in;display:block}.projectDetail-galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.projectDetail-galleryThumb{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);cursor:zoom-in;transition:border-color .2s ease;display:block}.projectDetail-galleryThumb:hover{border-color:var(--accent)}.projectDetail-lightbox{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem}.projectDetail-lightbox img{max-width:100%;max-height:90vh;border-radius:6px;-o-object-fit:contain;object-fit:contain}.projectDetail-adjacent{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:2rem}.projectDetail-adjacentInner{display:flex;justify-content:space-between;gap:1rem}.projectDetail-adjacentLink{display:flex;align-items:center;gap:.75rem;font-size:13px;color:var(--text-secondary);transition:color .2s ease;font-family:var(--font-mono)}.projectDetail-adjacentLink:hover{color:var(--text-primary)}.projectDetail-adjacentLink--next{text-align:right;margin-left:auto}.projectDetail-adjacentHint{display:block;font-size:11px;color:var(--accent);letter-spacing:.05em;margin-bottom:2px}.projectDetail-adjacentName{display:block;font-size:14px;color:var(--text-primary);font-family:var(--font-display)}@media(max-width:1024px){.projectsGrid{grid-template-columns:repeat(2,1fr)}.projectsPageContainer,.projectDetailContainer{padding:7rem 3rem 4rem}.projectDetail-featuresGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projectsGrid{grid-template-columns:1fr}.projectsPageContainer,.projectDetailContainer{padding:6rem 1.5rem 3rem}.projectDetail-hero{grid-template-columns:1fr}.projectDetail-heroRight{order:-1}.projectDetail-challengeBody,.projectDetail-featuresGrid{grid-template-columns:1fr}.projectDetail-metaStrip{flex-direction:column}.projectDetail-metaItem{border-right:none;border-bottom:1px solid var(--border-color)}.projectDetail-metaItem:last-child{border-bottom:none}}@media(max-width:480px){.projectsPageContainer,.projectDetailContainer{padding:5rem 1rem 2rem}.projectCard-thumbnail{height:150px}.projectDetail-tagline{font-size:13px}.projectDetail-techGrid{grid-template-columns:1fr}}