:root{--bg:#060910;--bg2:#0b1120;--bg3:#111827;--cyan:#00e5ff;--cyan2:#00bcd4;--green:#00ffa3;--purple:#7c3aed;--purple2:#a855f7;--amber:#f59e0b;--text:#e2e8f0;--text2:#94a3b8;--text3:#475569;--border:#00e5ff1f;--border2:#00e5ff40;--glow:0 0 30px #00e5ff26;--font:"Space Grotesk",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;min-width:0;overflow-x:hidden;scroll-behavior:smooth;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;color:var(--text);font-family:Space Grotesk,sans-serif;font-family:var(--font)}#root,#root>div,body{background:#060910;background:var(--bg);min-height:100%;min-width:0;overflow-x:hidden;width:100%}body:before{background-image:linear-gradient(#00e5ff08 1px,#0000 0),linear-gradient(90deg,#00e5ff08 1px,#0000 0);background-size:50px 50px}body:after,body:before{content:"";height:100vh;height:100dvh;inset:0;pointer-events:none;position:fixed;width:100vw;z-index:-1}body:after{animation:bg-drift 20s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#7c3aed0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#00e5ff0d 0,#0000 50%)}@keyframes bg-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(20px,20px)}}.grid-overlay{background-image:linear-gradient(0deg,#0000 24%,#00e5ff05 25%,#00e5ff05 26%,#0000 27%,#0000 74%,#00e5ff05 75%,#00e5ff05 76%,#0000 77%,#0000);background-size:50px 50px;height:100vh;height:100dvh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}code{font-family:JetBrains Mono,monospace;font-family:var(--mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#060910;background:var(--bg)}::-webkit-scrollbar-thumb{background:#111827;background:var(--bg3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff;background:var(--cyan)}section{position:relative;z-index:1}@media (max-width:768px){html{font-size:14px}}.App{overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#060910d9;color:#e2e8f0;display:flex;flex-direction:column;font-size:calc(.625rem + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#00e5ff}.subTitle{color:#475569}.headroom-wrapper{position:relative}.headroom,.headroom-wrapper{max-width:100vw;width:100%;z-index:100}.headroom{left:0;right:0}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060910d9;border-bottom:1px solid #00e5ff1f;display:flex;justify-content:space-between;max-width:100vw;padding:1.25rem 4rem;position:relative;transition:all .3s ease;width:100%}.logo{color:#00e5ff;font-family:var(--mono);font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-decoration:none}.logo span{color:#475569}.menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0;transition:all .3s ease}.menu li a{color:#94a3b8;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .2s}.menu li a:hover{color:#00e5ff}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:1001}.menu-toggle .hamburger{background:#00e5ff;display:block;height:2px;position:relative;transition:all .3s ease;width:24px}.menu-toggle .hamburger:after,.menu-toggle .hamburger:before{background:#00e5ff;content:"";height:2px;position:absolute;transition:all .3s ease;width:24px}.menu-toggle .hamburger:before{left:0;top:-8px}.menu-toggle .hamburger:after{left:0;top:8px}.menu-toggle.open .hamburger{background:#0000}.menu-toggle.open .hamburger:before{top:0;transform:rotate(45deg)}.menu-toggle.open .hamburger:after{top:0;transform:rotate(-45deg)}.nav-dot{animation:pulse-dot 2s ease-in-out infinite;background:#00ffa3;border-radius:50%;box-shadow:0 0 8px #00ffa3;height:7px;width:7px}@media(max-width:900px){.header{padding:1rem 1.5rem}.menu-toggle{display:block}.menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060910fa;flex-direction:column;gap:3rem;height:calc(100vh - 67px);height:calc(100dvh - 67px);justify-content:center;left:auto;max-width:320px;opacity:0;overflow-y:auto;pointer-events:none;position:fixed;right:0;top:67px;transform:translateX(100%);visibility:hidden;width:80vw;will-change:transform;z-index:1000}.menu.open{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.menu li a{font-size:1.2rem}.nav-dot{display:none}}.cursor{background:#00e5ff;border-radius:50%;height:10px;mix-blend-mode:screen;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;width:10px;z-index:9999}.cursor.hovering{height:16px;width:16px}.cursor-ring{border:1px solid #00e5ff80;border-radius:50%;height:36px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:36px;z-index:9998}.cursor-ring.hovering{height:52px;width:52px}.greet-main{background:#0000;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:8rem 4rem 4rem;position:relative;width:100%}.hero-bg-text{-webkit-text-stroke:1px #00e5ff0f;color:#0000;font-family:var(--mono);font-size:clamp(8rem,16vw,18rem);font-weight:700;line-height:1;right:-2rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.hero-bg-text,.hero-orb{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero-orb{align-items:center;display:flex;height:800px;justify-content:center;right:15%;width:800px}.hero-profile-img{border-radius:50%;height:600px;object-fit:cover;position:relative;transition:transform .3s ease;width:600px;z-index:1}.hero-profile-img:hover{transform:scale(1.02)}.hero-tag{align-items:center;background:#00e5ff0d;border:1px solid #00e5ff40;border-radius:2px;color:#00e5ff;display:inline-flex;font-family:var(--mono);font-size:.8rem;gap:.5rem;margin-bottom:2rem;padding:.35rem .8rem;position:relative;width:fit-content;z-index:1}.hero-tag:before{color:#475569;content:"//"}.greeting-text{color:#e2e8f0;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.4rem;position:relative;z-index:1}.greeting-text span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#a855f7);-webkit-background-clip:text;background-clip:text;display:block}.greeting-text-p{color:#94a3b8;font-family:var(--mono);font-size:1.1rem;margin-bottom:2rem;position:relative;z-index:1}.greeting-text-p .cursor-text{animation:blink .8s step-end infinite;border-right:2px solid #00e5ff;color:#00e5ff;padding-right:2px}@keyframes blink{50%{border-color:#0000}}.hero-desc{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin-bottom:3rem;max-width:520px;position:relative;z-index:1}.button-greeting-div{flex-wrap:wrap;gap:1rem;position:relative}.button-greeting-div,.scroll-indicator{align-items:center;display:flex;z-index:1}.scroll-indicator{bottom:2.5rem;color:#475569;flex-direction:column;font-family:var(--mono);font-size:.7rem;gap:.75rem;left:50%;letter-spacing:.15em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.mouse-icon{border:2px solid #475569;border-radius:14px;height:42px;position:relative;width:26px}.mouse-icon:before{animation:scroll-wheel 2s ease-in-out infinite;background:#00e5ff;border-radius:2px;content:"";height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}@keyframes scroll-wheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,15px)}}@media(max-width:900px){.greet-main{align-items:center;min-width:0;overflow:hidden;padding:7rem 1.5rem 4rem;text-align:center;width:100%}.hero-orb{height:min(300px,80vw);margin-bottom:3rem;margin-left:auto;margin-right:auto;order:-1;position:relative;right:0;top:0;transform:none;width:min(300px,100%)}.hero-profile-img{height:260px;width:260px}.hero-bg-text{display:none}.greeting-text{font-size:3rem}.hero-desc{font-size:.95rem}.button-greeting-div,.hero-socials{justify-content:center}.hero-socials{margin-top:2rem}}#skills{background:#060910;padding:6rem 4rem;position:relative;z-index:1}.section-label{align-items:center;color:#00e5ff;display:flex;font-family:var(--mono);font-size:.75rem;gap:.75rem;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.section-label:before{background:#00e5ff;content:"";height:1px;width:30px}.section-label:after{background:#00e5ff1f;content:"";flex:1 1;height:1px;max-width:80px}.section-title{color:#e2e8f0;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.skills-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.skills-left p{color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.skill-list{list-style:none;padding:0}.skill-list li{align-items:center;border-bottom:1px solid #00e5ff1f;color:#94a3b8;display:flex;font-size:.95rem;gap:.75rem;padding:.6rem 0}.skill-list li:before{color:#00e5ff;content:"→";font-family:var(--mono)}.code-block{background:#0b1120;border:1px solid #00e5ff1f;border-radius:8px;font-family:var(--mono);font-size:.82rem;margin-top:2rem;overflow:hidden}.code-header{align-items:center;background:#111827;border-bottom:1px solid #00e5ff1f;display:flex;gap:.5rem;padding:.75rem 1rem}.dot-r{background:#ff5f57}.dot-r,.dot-y{border-radius:50%;height:10px;width:10px}.dot-y{background:#febc2e}.dot-g{background:#28c840;border-radius:50%;height:10px;width:10px}.code-title{color:#475569;font-size:.75rem;margin-left:.5rem}.code-body{line-height:1.9;padding:1.25rem 1.5rem}.c-comment{color:#475569}.c-key{color:#a855f7}.c-str{color:#00ffa3}.c-num{color:#f59e0b}.c-punct{color:#475569}.stats-row{grid-gap:1px;background:#00e5ff1f;border:1px solid #00e5ff1f;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin-top:5rem;overflow:hidden}.stat-box{background:#0b1120;padding:2rem 1.5rem;text-align:center}.stat-num{color:#00e5ff;display:block;font-family:var(--mono);font-size:2rem;font-weight:700;margin-bottom:.3rem}.stat-label{color:#475569;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){#skills{padding:4rem 1.5rem}.skills-grid{gap:2rem;grid-template-columns:1fr}.tech-stack-grid{grid-template-columns:repeat(4,1fr)}.stats-row{grid-template-columns:1fr 1fr}}.tech-stack-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tech-card{align-items:center;background:#0b1120;border:1px solid #00e5ff1f;border-radius:6px;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1rem;text-align:center;transition:all .25s}.tech-card:hover{background:#00e5ff0d;border-color:#00e5ff;box-shadow:0 8px 20px #00e5ff1a;transform:translateY(-3px)}.tech-card i{color:#00e5ff;font-size:1.6rem}.tech-card span{color:#94a3b8;font-size:.78rem;font-weight:500;letter-spacing:.03em}@media(max-width:600px){.tech-stack-grid{grid-template-columns:repeat(2,1fr)}}#experience{background:#0b1120;padding:6rem 4rem;position:relative;z-index:1}.exp-timeline{margin-top:3rem;padding-left:2rem;position:relative}.exp-timeline:before{background:linear-gradient(180deg,#00e5ff,#0000);bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.exp-item{padding-bottom:3rem;padding-left:2.5rem;position:relative}.exp-item:before{background:#0b1120;border:2px solid #00e5ff;border-radius:50%;box-shadow:0 0 12px #00e5ff66;content:"";height:13px;left:-6px;position:absolute;top:6px;width:13px}.exp-card{background:#111827;border:1px solid #00e5ff1f;border-radius:8px;padding:1.75rem;transition:border-color .25s,transform .25s}.exp-card:hover{border-color:#00e5ff40;transform:translateX(4px)}.exp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.exp-role{color:#e2e8f0;font-size:1.15rem;font-weight:700}.exp-company{color:#00e5ff;font-size:.9rem;margin-top:.2rem}.exp-date{background:#0b1120;border:1px solid #00e5ff1f;border-radius:3px;color:#475569;font-family:var(--mono);font-size:.75rem;padding:.3rem .7rem;white-space:nowrap}.exp-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:#00e5ff14;border:1px solid #00e5ff33;border-radius:2px;color:#00e5ff;font-family:var(--mono);font-size:.72rem;padding:.25rem .65rem}@media(max-width:900px){#experience{padding:4rem 1.5rem}.exp-header{align-items:flex-start;flex-direction:column;gap:.5rem}.exp-date{align-self:flex-start}.exp-item{padding-left:1.5rem}}#projects{background:#060910;padding:6rem 4rem;position:relative;z-index:1}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}.project-card{background:#0b1120;border:1px solid #00e5ff1f;border-radius:10px;overflow:hidden;position:relative;transition:all .3s}.project-card:hover{border-color:#00e5ff;box-shadow:0 20px 40px #0006,0 0 0 1px #00e5ff26;transform:translateY(-6px)}.project-img{filter:grayscale(40%) brightness(.7);height:180px;object-fit:cover;transition:filter .3s;width:100%}.project-card:hover .project-img{filter:grayscale(0) brightness(.85)}.project-img-placeholder{align-items:center;background:linear-gradient(135deg,#111827,#0b1120);color:#475569;display:flex;font-size:2.5rem;height:180px;justify-content:center;width:100%}.project-body{padding:1.5rem}.project-num{color:#475569;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;margin-bottom:.5rem}.project-name{color:#e2e8f0;font-size:1.1rem;font-weight:700;margin-bottom:.6rem}.project-desc{color:#94a3b8;font-size:.88rem;line-height:1.6}.project-corner{background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:4px;color:#00e5ff;font-family:var(--mono);font-size:.65rem;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem;z-index:2}.project-card-footer{margin-top:1rem}.project-card-footer .project-tag{align-items:center;background:#00e5ff1f;border:1px solid #00e5ff2e;border-radius:6px;color:#e2e8f0;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem .8rem;text-decoration:none;transition:all .2s ease}.project-card-footer .project-tag:hover{background:#00e5ff2e;transform:translateY(-1px)}@media(max-width:900px){#projects{padding:4rem 1.5rem}}.footer-div{align-items:center;background:#060910;border-top:1px solid #00e5ff1f;color:#475569;display:flex;font-family:var(--mono);font-size:.75rem;justify-content:space-between;padding:2rem 4rem;position:relative;z-index:1}@media(max-width:900px){.footer-div{flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}}#education{background:#0b1120;padding:6rem 4rem;position:relative;z-index:1}.edu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:3rem}.edu-card{background:#111827;border:1px solid #00e5ff1f;border-radius:10px;overflow:hidden;padding:2rem;position:relative;transition:border-color .25s}.edu-card:hover{border-color:#00e5ff40}.edu-card:before{background:linear-gradient(90deg,#00e5ff,#a855f7);content:"";height:2px;left:0;position:absolute;right:0;top:0}.edu-year{color:#475569;font-family:var(--mono);font-size:.75rem;margin-bottom:.75rem}.edu-school{color:#e2e8f0;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.edu-degree{color:#00e5ff;font-size:.88rem;margin-bottom:.5rem}.edu-grade{color:#475569;font-family:var(--mono);font-size:.8rem}.edu-logo{height:50px;object-fit:contain;opacity:.4;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:50px}@media(max-width:900px){#education{padding:4rem 1.5rem}.edu-grid{grid-template-columns:1fr}}#topButton{background-color:#0b1120;border:1px solid #00e5ff40;border-radius:4px;bottom:20px;color:#00e5ff;cursor:none;font-size:18px;outline:none;padding:15px;position:fixed;right:30px;transition:all .3s;visibility:hidden;z-index:99}#topButton:hover{background-color:#00e5ff0d;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff33;transform:translateY(-5px)}#contact{background:#060910;padding:6rem 4rem;position:relative;z-index:1}.contact-wrapper{margin:3rem auto 0;max-width:700px;text-align:center}.contact-wrapper p{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin-bottom:2.5rem}.contact-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem}.contact-item{align-items:center;color:#94a3b8;display:flex;font-size:.95rem;gap:.6rem;text-decoration:none;transition:color .2s}.contact-item:hover{color:#00e5ff}.contact-item i{color:#00e5ff;font-size:.85rem}.contact-socials{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.avail-badge{align-items:center;background:#f59e0b12;border:1px solid #f59e0b4d;border-radius:2px;color:#f59e0b;display:inline-flex;font-family:var(--mono);font-size:.75rem;gap:.5rem;padding:.3rem .75rem}.avail-badge:before{animation:pulse-dot 2s ease-in-out infinite;background:#f59e0b;border-radius:50%;box-shadow:0 0 6px #f59e0b;content:"";height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:900px){#contact{padding:4rem 1.5rem}}.splash-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.splash-animation-container{height:50vh}.splash-title-container{font-size:2.5rem;text-decoration:none}.splash-title{font-feature-settings:"liga","clig off";font-family:Agustina Regular,cursive;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 20px}.sk-circle{height:40px;margin:100px auto;position:relative;width:40px}.sk-circle .sk-child{height:100%;left:0;position:absolute;top:0;width:100%}.sk-circle .sk-child:before{animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;background-color:#0b1120;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.dark-mode{background-color:#060910;color:#e2e8f0;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.45975e94.css.map*/