@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#171717cc}::-webkit-scrollbar-thumb{background:#7877c6;border-radius:6px;border:2px solid rgba(23,23,23,.8)}::-webkit-scrollbar-thumb:hover{background:#7877c6cc}::selection{background:#7877c6;color:#fff}::-moz-selection{background:#7877c6;color:#fff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root{padding:1rem}.hero{min-height:70vh;padding-top:100px}.neon-title{font-size:2.5rem;margin-bottom:1rem}.subtitle{font-size:1.2rem;margin-bottom:2rem}.section{min-height:auto;padding:30px 20px 20px}.section-title{font-size:1.5rem;margin-bottom:.8rem;margin-left:0;text-align:center}.glassmorphism-panel{padding:1rem;margin-top:.3rem}.navbar-blur{left:50%!important;transform:translate(-50%)!important;width:auto;padding:.2rem 1rem;max-width:90vw;min-width:180px}.navbar-home{display:none!important}.about-panel .glassmorphism-panel{flex-direction:column;gap:1rem}.about-panel img{width:250px!important;height:250px!important;margin-top:1rem!important}.tech-tools-container{flex-direction:column;gap:1rem}.tech-square-panel{max-width:100%;aspect-ratio:auto;min-height:200px}.tech-square-panel>div{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.scroll-down{font-size:1.5rem;margin:20px auto 0}}@media (max-width: 480px){.neon-title{font-size:2rem}.subtitle{font-size:1rem}.section-title{font-size:1.3rem}.about-panel img{width:200px!important;height:200px!important}.tech-square-panel>div{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.tech-icon{font-size:1.8rem!important}.navbar-blur{left:50%!important;transform:translate(-50%)!important;max-width:85vw;min-width:160px;padding:.2rem .8rem}.navbar-home{display:none!important}}.custom-bg{position:fixed;top:0;left:0;z-index:-2;width:100%;height:100%;background-color:#171717;background-image:radial-gradient(ellipse 80% 80% at 50% -20%,#7877c64d,#fff0),radial-gradient(circle at 50% 50%,rgba(120,119,198,.15) 1px,transparent 1px);background-size:100% 100%,30px 30px;background-position:0 0,0 0}.navbar-blur{position:fixed;top:18px;left:50%;transform:translate(106px);width:auto;max-width:none;min-width:unset;z-index:10;background:#ffffff14;box-shadow:0 8px 32px #1f26875e,0 4px 16px #7877c626,inset 0 1px #fff3;border-radius:16px;padding:.25rem 1.5rem;height:32px;display:flex;align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);transition:all .3s ease}.navbar-blur:hover{background:#ffffff1f;box-shadow:0 12px 40px #1f268773,0 6px 20px #7877c640,inset 0 1px #ffffff4d}.navbar-content{display:flex;justify-content:center;align-items:center;padding:0;min-width:0}.navbar-home{position:fixed;top:18px;left:50%;transform:translate(-324px);z-index:11;background:#ffffff14;box-shadow:0 8px 32px #1f26875e,0 4px 16px #7877c626,inset 0 1px #fff3;border-radius:16px;padding:.25rem 1rem;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;height:32px;transition:all .3s ease}.navbar-home:hover{background:#ffffff1f;box-shadow:0 12px 40px #1f268773,0 6px 20px #7877c640,inset 0 1px #ffffff4d}.navbar-icons{display:flex;gap:1rem}.neon-icon{color:#fff;font-size:1.3rem;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #7877c6,0 0 80px #7877c6,0 0 120px #7877c6;transition:color .2s,text-shadow .2s}.neon-icon:hover{color:#7877c6;text-shadow:0 0 20px #7877c6,0 0 40px #7877c6,0 0 80px #7877c6,0 0 120px #7877c6,0 0 160px #7877c6}body{overflow-x:hidden;padding-top:70px}.neon-title{font-size:2.9rem;font-weight:900;color:#fff;text-align:center;margin-top:0;margin-bottom:10px;font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif;text-shadow:0 0 4px #fff,0 0 8px #7877c6,0 0 16px #7877c6,0 0 2px #fff;-webkit-text-stroke:.5px rgba(255,255,255,.3);letter-spacing:2px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.subtitle{font-size:1.1rem;font-weight:700;color:#7877c6;text-align:center;margin-top:-8px;margin-bottom:18px;font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif;text-shadow:0 0 4px #4f4ea0,0 0 8px #5655ac,0 0 16px #494897,0 0 1px #7877c6;-webkit-text-stroke:.3px rgba(120,119,198,.4);letter-spacing:2px;display:flex;align-items:center;justify-content:center}.section,.section-title{font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif}.section{min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#fff;font-size:2rem;scroll-margin-top:80px;padding:40px 60px 30px;position:relative}.section-title{font-size:2rem;font-weight:900;margin-bottom:1rem;margin-left:-40px;text-shadow:0 0 4px #fff,0 0 8px #7877c6,0 0 16px #7877c6,0 0 2px #fff;-webkit-text-stroke:.5px rgba(255,255,255,.3);align-self:center;font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%;max-width:600px;text-align:left;color:#fff;letter-spacing:2px}.glassmorphism-panel{background:#17171799;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;margin-top:.5rem;width:100%;max-width:600px;box-shadow:0 8px 32px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a;transition:all .3s ease;align-self:center}.glassmorphism-panel:hover,.about-panel:hover{background:#17171799;box-shadow:0 8px 32px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a}.tech-tools-container{display:flex;gap:2rem;justify-content:center;align-items:flex-start;width:100%;max-width:1200px}.tech-square-panel{aspect-ratio:1;max-width:260px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;padding-top:0;margin-top:-100px}.scroll-down{display:block;margin:40px auto 0;font-size:2rem;color:#7877c6;animation:bounce 1.5s infinite;text-align:center;cursor:pointer;text-shadow:0 0 10px #7877c6,0 0 20px #7877c6,0 0 30px #7877c6;transition:all .3s ease}.scroll-down:hover{color:#fff;text-shadow:0 0 15px #fff,0 0 30px #7877c6,0 0 45px #7877c6,0 0 60px #7877c6;transform:scale(1.1)}.scroll-down.bottom-reached{color:#fff;text-shadow:0 0 15px #fff,0 0 30px #7877c6,0 0 45px #7877c6,0 0 60px #7877c6,0 0 75px #7877c6;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 15px #fff,0 0 30px #7877c6,0 0 45px #7877c6,0 0 60px #7877c6}50%{text-shadow:0 0 20px #fff,0 0 40px #7877c6,0 0 60px #7877c6,0 0 80px #7877c6,0 0 100px #7877c6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tech-icon-container{text-align:center;position:relative;cursor:pointer;transition:all .3s ease}.tech-icon-container:hover .tech-icon{filter:drop-shadow(0 0 15px currentColor)}.tech-icon-container:hover .tech-name{opacity:1}.tech-name{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;font-size:.8rem;color:#fff;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none;text-shadow:0 0 5px rgba(0,0,0,.8)}footer{text-align:center;padding:1rem;color:#7877c680;font-size:.9rem;font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif;text-shadow:0 0 4px rgba(120,119,198,.5);letter-spacing:1px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){footer{padding:.8rem;font-size:.8rem}}@media (max-width: 480px){footer{padding:.6rem;font-size:.75rem}}