[data-theme=neon] *{box-sizing:border-box;margin:0;padding:0}[data-theme=neon]{animation:waveMove 8s ease-in-out infinite;background:linear-gradient(45deg,#000,#171717,#000,#171717);background-size:400% 400%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}[data-theme=neon]:before{animation:wavesMove 12s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23262626'/%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.5' fill='%23404040'/%3E%3Cpath d='M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0Z' fill='%23525252'/%3E%3C/svg%3E") repeat-x;content:"";height:100%;left:0;opacity:.6;position:fixed;top:0;width:200%;z-index:-1}@keyframes waveMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes wavesMove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}[data-theme=neon] .app{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:40px 20px 0}[data-theme=neon] .nameAndPictureContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#262626e6,#404040cc);border:1px solid #a855f766;border-radius:24px;box-shadow:0 20px 40px #a855f74d;overflow:hidden;padding:60px 40px;position:relative;text-align:center}[data-theme=neon] .nameAndPictureContainer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23a855f7' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23a855f7' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23a855f7' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=neon] .nameContent{position:relative;z-index:2}[data-theme=neon] .name{color:#a855f7;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 8px #a855f766}[data-theme=neon] .username{font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin-bottom:24px;opacity:.9}[data-theme=neon] .nameAndPictureContainer p{font-size:1.1rem;font-weight:500;margin-top:8px;opacity:.95}[data-theme=neon] .aboutMe{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#262626e6,#404040cc);border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 20px 40px #22c55e33;overflow:hidden;padding:50px 40px;position:relative;text-align:center}[data-theme=neon] .aboutMe:before{background:radial-gradient(circle at 20% 20%,#22c55e26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=neon] .aboutMe h3.intro{color:#22c55e;font-size:2.4rem;font-weight:700;line-height:1.3;margin-bottom:24px;position:relative;z-index:2}[data-theme=neon] .aboutMe p.intro{font-size:1.5rem;font-weight:500}[data-theme=neon] .aboutMe p.intro,[data-theme=neon] .intro{line-height:1.4;margin-bottom:40px;position:relative;z-index:2}[data-theme=neon] .intro{font-size:1.8rem;font-weight:600}[data-theme=neon] .links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;position:relative;z-index:2}[data-theme=neon] .social-link{align-items:center;background:#0000;border:none;border-radius:12px;display:inline-flex;height:70px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:70px}[data-theme=neon] .social-link:hover{background:#0000;border:none;box-shadow:none;transform:translateY(-12px) scale(1.4)}[data-theme=neon] .social-link:before{display:none}[data-theme=neon] .social-link img{filter:brightness(0) invert(1);height:36px;position:relative;transition:all .4s ease;width:36px;z-index:2}[data-theme=neon] .social-link:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(34,197,94,.8));transform:scale(1.2) rotate(5deg)}[data-theme=neon] .skills{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#262626e6,#404040cc);border:1px solid #a855f74d;border-radius:24px;box-shadow:0 20px 40px #a855f733;overflow:hidden;padding:50px 40px;position:relative;text-align:center}[data-theme=neon] .skills:before{background:radial-gradient(circle at 80% 80%,#a855f71a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=neon] .skills .intro{color:#a855f7;font-size:2.2rem;font-weight:700;margin-bottom:40px;position:relative;z-index:2}[data-theme=neon] .languages{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:600px;position:relative;z-index:2}[data-theme=neon] .languages .social-link{align-items:center;background:#0000;border:none;border-radius:16px;display:flex;height:90px;justify-content:center;margin:0 auto;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:90px}[data-theme=neon] .languages .social-link:hover{background:#0000;border:none;box-shadow:none;transform:translateY(-12px) scale(1.25)}[data-theme=neon] .languages .social-link:before{display:none}[data-theme=neon] .languages .social-link img{filter:none;height:48px;transition:all .4s ease;width:48px}[data-theme=neon] .languages .social-link:hover img{filter:drop-shadow(0 5px 15px rgba(168,85,247,.5));transform:scale(1.2) rotate(5deg)}[data-theme=neon] .projects{background:linear-gradient(135deg,#262626e6,#404040cc);border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 20px 40px #22c55e33;color:#fff;overflow:hidden;padding:50px 40px;position:relative}[data-theme=neon] .projects:before{background:radial-gradient(circle at 50% 0,#22c55e1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=neon] .projectTitle{color:#22c55e;font-size:2.2rem;font-weight:700;margin-bottom:40px;position:relative;text-align:center;z-index:2}[data-theme=neon] .projects-list{position:relative;z-index:2}[data-theme=neon] .project-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#52525266;border:1px solid #52525299;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .project-item:hover{background:#52525299;border-color:#22c55e80;box-shadow:0 15px 30px #22c55e33;transform:translateY(-4px)}[data-theme=neon] .project-left{align-items:center;display:flex;flex:1 1;gap:20px;margin-right:60px}[data-theme=neon] .project-icons{display:flex;gap:8px}[data-theme=neon] .tech-icon{background:#5252524d;border:1px solid #52525280;border-radius:8px;cursor:pointer;height:32px;padding:4px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:32px}[data-theme=neon] .tech-icon:hover{background:#22c55e33;border-color:#22c55e;box-shadow:0 8px 15px #22c55e4d;transform:translateY(-3px) scale(1.15)}[data-theme=neon] .project-info{display:flex;flex-direction:column}[data-theme=neon] .project-name{font-size:1.3rem;font-weight:600;margin-bottom:4px}[data-theme=neon] .project-role{font-size:.9rem;font-weight:500;margin-bottom:8px;opacity:.95}[data-theme=neon] .project-description{font-size:1rem;font-weight:400;opacity:.9}[data-theme=neon] .project-right{align-items:center;display:flex}[data-theme=neon] .external-link{align-items:center;background:#5252524d;border:1px solid #52525280;border-radius:10px;display:inline-flex;height:44px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:44px}[data-theme=neon] .external-link:hover{background:#22c55e33;border-color:#22c55e;box-shadow:0 10px 25px #22c55e4d;transform:scale(1.3) rotate(10deg)}[data-theme=neon] .external-link:before{animation:gradientRotate 2s linear infinite;background:linear-gradient(45deg,#22c55e,#16a34a,#22c55e,#16a34a);background-size:200% 200%;border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}[data-theme=neon] .external-link:hover:before{opacity:.6}[data-theme=neon] .external-link img{filter:brightness(0) saturate(100%) invert(100%);height:20px;transition:all .4s ease;width:20px}[data-theme=neon] .external-link:hover img{filter:brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 5px rgba(168,85,247,.8));transform:scale(1.1)}[data-theme=neon] .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#171717f2);border-top:1px solid #5252524d;bottom:0;margin-bottom:0;margin-left:calc(-50vw + 50%);margin-top:40px;padding:20px 0;position:relative;width:100vw}[data-theme=neon] .footer:before{background:radial-gradient(circle at 50% 0,#5252521a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=neon] .footer-content{align-items:center;display:flex;justify-content:space-between;padding:0 40px;position:relative;width:100%;z-index:2}[data-theme=neon] .footer-left{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:16px}[data-theme=neon] .footer-left span{opacity:.6}[data-theme=neon] .made-with{align-items:center;display:flex;gap:8px}[data-theme=neon] .tech-icon-small{height:16px;width:16px}[data-theme=neon] .footer-right{align-items:center;display:flex;gap:20px}[data-theme=neon] .footer-links{display:flex;gap:16px}[data-theme=neon] .footer-social-link{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;display:flex;justify-content:center;overflow:hidden;padding:8px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1)}[data-theme=neon] .footer-social-link:hover{background:#0000;border:none;box-shadow:none;color:#fff;transform:translateY(-6px) scale(1.2)}[data-theme=neon] .footer-social-link:after{background:linear-gradient(45deg,#a855f733,#22c55e33);border-radius:13px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .4s ease;z-index:-1}[data-theme=neon] .footer-social-link:hover:after{opacity:1}[data-theme=neon] .footer-social-icon{filter:brightness(0) invert(1);height:20px;opacity:.7;transition:all .4s ease;width:20px}[data-theme=neon] .footer-social-link:hover .footer-social-icon{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(168,85,247,.8));opacity:1;transform:scale(1.1)}[data-theme=neon] .resume-link{color:#ffffffb3;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s ease}[data-theme=neon] .resume-link:hover{color:#a855f7}[data-theme=neon] .read-more-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e33,#a855f733);border:1px solid #52525299;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;margin:20px auto;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .read-more-btn:hover{background:linear-gradient(135deg,#22c55e4d,#a855f74d);border-color:#22c55e80;box-shadow:0 8px 20px #22c55e33;transform:translateY(-2px)}[data-theme=neon] .read-more-btn:active{transform:translateY(0)}[data-theme=neon] .arrow{font-size:.8rem;transition:transform .3s ease}[data-theme=neon] .arrow.expanded{transform:rotate(180deg)}[data-theme=neon] .expanded-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .5s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .expanded-content.open{max-height:1000px;opacity:1;transform:translateY(0)}[data-theme=neon] .expanded-text{padding:20px 0;text-align:left}[data-theme=neon] .expanded-text p{font-size:1rem;line-height:1.6;margin-bottom:16px;opacity:.9}[data-theme=neon] .expanded-text p:last-child{margin-bottom:0}[data-theme=neon] .theme-toggle-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff26;border-radius:50px;box-shadow:0 8px 20px #00000080;display:flex;gap:12px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}[data-theme=neon] .theme-toggle-container:hover{border-color:#ffffff40;box-shadow:0 12px 30px #ffffff26}[data-theme=neon] .theme-toggle-text{color:#ffffffe6;font-size:.85rem;font-weight:500;white-space:nowrap}[data-theme=neon] .themeButtonMoonlight,[data-theme=neon] .themeButtonNeon{border:2px solid #fff3;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:40px}[data-theme=neon] .themeButtonNeon{background:linear-gradient(135deg,#a855f7,#22c55e);box-shadow:0 0 15px #a855f74d}[data-theme=neon] .themeButtonNeon:hover{border-color:#a855f7;box-shadow:0 0 25px #a855f780;transform:scale(1.15) rotate(10deg)}[data-theme=neon] .themeButtonMoonlight{background:linear-gradient(135deg,#fff,grey);box-shadow:0 0 15px #ffffff4d}[data-theme=neon] .themeButtonMoonlight:hover{border-color:#fff;box-shadow:0 0 25px #ffffff80;transform:scale(1.15) rotate(-10deg)}[data-theme=neon] .themeButtonMoonlight:before,[data-theme=neon] .themeButtonNeon:before{background:#ffffff4d;border-radius:50%;content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60%}[data-theme=neon] .themeButtonMoonlight:hover:before,[data-theme=neon] .themeButtonNeon:hover:before{background:#ffffff80;height:80%;width:80%}[data-theme=neon] .scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .scroll-animate.animate-in{opacity:1;transform:translateY(0)}[data-theme=neon] .nameAndPictureContainer.scroll-animate{transition-delay:.1s}[data-theme=neon] .aboutMe.scroll-animate{transition-delay:.2s}[data-theme=neon] .skills.scroll-animate{transition-delay:.3s}[data-theme=neon] .projects.scroll-animate{transition-delay:.4s}[data-theme=neon] .project-item{opacity:0;transform:translateX(-20px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:.1s}[data-theme=neon] .projects.animate-in .project-item{opacity:1;transform:translateX(0)}[data-theme=neon] .projects.animate-in .project-item:first-child{transition-delay:.2s}[data-theme=neon] .projects.animate-in .project-item:nth-child(2){transition-delay:.4s}[data-theme=neon] .projects.animate-in .project-item:nth-child(3){transition-delay:.6s}[data-theme=neon] .languages .social-link{opacity:0;transform:scale(.8);transition:all .5s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .skills.animate-in .languages .social-link{opacity:1;transform:scale(1)}[data-theme=neon] .skills.animate-in .languages .social-link:first-child{transition-delay:.1s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(2){transition-delay:.2s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(3){transition-delay:.3s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(4){transition-delay:.4s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(5){transition-delay:.5s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(6){transition-delay:.6s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(7){transition-delay:.7s}[data-theme=neon] .skills.animate-in .languages .social-link:nth-child(8){transition-delay:.8s}[data-theme=neon] .links .social-link{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=neon] .aboutMe.animate-in .links .social-link{opacity:1;transform:translateY(0)}[data-theme=neon] .aboutMe.animate-in .links .social-link:first-child{transition-delay:.1s}[data-theme=neon] .aboutMe.animate-in .links .social-link:nth-child(2){transition-delay:.2s}[data-theme=neon] .aboutMe.animate-in .links .social-link:nth-child(3){transition-delay:.3s}[data-theme=neon] .aboutMe.animate-in .links .social-link:nth-child(4){transition-delay:.4s}[data-theme=neon] .aboutMe.animate-in .links .social-link:nth-child(5){transition-delay:.5s}@media (max-width:768px){[data-theme=neon] .app{gap:20px;padding:20px 16px}[data-theme=neon] .aboutMe,[data-theme=neon] .nameAndPictureContainer,[data-theme=neon] .projects,[data-theme=neon] .skills{padding:40px 24px}[data-theme=neon] .name{font-size:2.5rem}[data-theme=neon] .aboutMe h3.intro{font-size:1.8rem}[data-theme=neon] .aboutMe p.intro{font-size:1.3rem}[data-theme=neon] .intro{font-size:1.4rem}[data-theme=neon] .projectTitle,[data-theme=neon] .skills .intro{font-size:1.8rem}[data-theme=neon] .project-item{flex-direction:column;gap:20px;text-align:center}[data-theme=neon] .project-left{flex-direction:column;gap:16px;margin-right:0}[data-theme=neon] .languages,[data-theme=neon] .links{gap:12px}[data-theme=neon] .theme-toggle-container{gap:8px;padding:8px 12px;right:10px;top:10px}[data-theme=neon] .theme-toggle-text{font-size:.75rem}[data-theme=neon] .themeButtonMoonlight,[data-theme=neon] .themeButtonNeon{height:32px;width:32px}[data-theme=neon] .footer-content{flex-direction:column;gap:24px;padding:0 24px;text-align:center}[data-theme=neon] .footer-left{flex-direction:column;gap:12px}[data-theme=neon] .made-with{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){[data-theme=neon] .name{font-size:2rem}[data-theme=neon] .username{font-size:1.2rem}[data-theme=neon] .aboutMe h3.intro{font-size:1.6rem}[data-theme=neon] .aboutMe p.intro{font-size:1.1rem}[data-theme=neon] .intro{font-size:1.2rem}[data-theme=neon] .social-link{height:50px;width:50px}[data-theme=neon] .social-link img{height:24px;width:24px}[data-theme=neon] .languages .social-link{height:60px;width:60px}[data-theme=neon] .languages .social-link img{height:30px;width:30px}[data-theme=neon] .theme-toggle-text{display:none}[data-theme=neon] .theme-toggle-container{gap:6px;padding:8px}[data-theme=neon] .footer{padding:30px 0}[data-theme=neon] .footer-content{padding:0 16px}[data-theme=neon] .footer-left,[data-theme=neon] .resume-link{font-size:.8rem}}[data-theme=moonlight] *{box-sizing:border-box;margin:0;padding:0}[data-theme=moonlight]{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}[data-theme=moonlight]:before{animation:stars 8s ease-in-out infinite;background:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000);background-position:0 0;background-size:200% 200%;opacity:.4;z-index:-2}[data-theme=moonlight]:after,[data-theme=moonlight]:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}[data-theme=moonlight]:after{background:#0000;pointer-events:none;z-index:-1}@keyframes stars{0%,to{background-position:0 0}50%{background-position:100% 100%}}[data-theme=moonlight] .star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;pointer-events:none;position:fixed;width:2px;z-index:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}[data-theme=moonlight] .app{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:40px 20px 0}[data-theme=moonlight] .nameAndPictureContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 40px #ffffff1a;overflow:hidden;padding:60px 40px;position:relative;text-align:center}[data-theme=moonlight] .nameAndPictureContainer:before{background:radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=moonlight] .nameContent{position:relative;z-index:2}[data-theme=moonlight] .name{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 8px #ffffff4d}[data-theme=moonlight] .username{color:#e0e0e0;font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin-bottom:24px;opacity:.8}[data-theme=moonlight] .nameAndPictureContainer p{font-size:1.1rem;font-weight:500;margin-top:8px;opacity:.85}[data-theme=moonlight] .aboutMe{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 40px #ffffff14;overflow:hidden;padding:50px 40px;position:relative;text-align:center}[data-theme=moonlight] .aboutMe:before{background:radial-gradient(circle at 20% 20%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=moonlight] .aboutMe h3.intro{color:#fff;font-size:2.4rem;font-weight:700;line-height:1.3;margin-bottom:24px;position:relative;z-index:2}[data-theme=moonlight] .aboutMe p.intro{color:#e0e0e0;font-size:1.5rem;font-weight:500;line-height:1.4;margin-bottom:40px;position:relative;z-index:2}[data-theme=moonlight] .intro{font-size:1.8rem;font-weight:600;line-height:1.4;margin-bottom:40px;position:relative;z-index:2}[data-theme=moonlight] .links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;position:relative;z-index:2}[data-theme=moonlight] .social-link{align-items:center;background:#0000;border:none;border-radius:12px;display:inline-flex;height:70px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:70px}[data-theme=moonlight] .social-link:hover{background:#0000;border:none;box-shadow:none;transform:translateY(-12px) scale(1.4)}[data-theme=moonlight] .social-link:before{display:none}[data-theme=moonlight] .social-link img{filter:brightness(0) invert(1);height:36px;position:relative;transition:all .4s ease;width:36px;z-index:2}[data-theme=moonlight] .social-link:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.8));transform:scale(1.2) rotate(5deg)}[data-theme=moonlight] .skills{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 40px #ffffff14;overflow:hidden;padding:50px 40px;position:relative;text-align:center}[data-theme=moonlight] .skills:before{background:radial-gradient(circle at 80% 80%,#ffffff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=moonlight] .skills .intro{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:40px;position:relative;z-index:2}[data-theme=moonlight] .languages{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:600px;position:relative;z-index:2}[data-theme=moonlight] .languages .social-link{align-items:center;background:#0000;border:none;border-radius:16px;display:flex;height:90px;justify-content:center;margin:0 auto;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:90px}[data-theme=moonlight] .languages .social-link:hover{background:#0000;border:none;box-shadow:none;transform:translateY(-12px) scale(1.25)}[data-theme=moonlight] .languages .social-link:before{display:none}[data-theme=moonlight] .languages .social-link img{filter:none;height:48px;transition:all .4s ease;width:48px}[data-theme=moonlight] .languages .social-link:hover img{filter:drop-shadow(0 5px 15px rgba(255,255,255,.5));transform:scale(1.2) rotate(5deg)}[data-theme=moonlight] .projects{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 40px #ffffff14;color:#fff;overflow:hidden;padding:50px 40px;position:relative}[data-theme=moonlight] .projects:before{background:radial-gradient(circle at 50% 0,#ffffff0f 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=moonlight] .projectTitle{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:40px;position:relative;text-align:center;z-index:2}[data-theme=moonlight] .projects-list{position:relative;z-index:2}[data-theme=moonlight] .project-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .project-item:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 15px 30px #ffffff26;transform:translateY(-4px)}[data-theme=moonlight] .project-left{align-items:center;display:flex;flex:1 1;gap:20px;margin-right:60px}[data-theme=moonlight] .project-icons{display:flex;gap:8px}[data-theme=moonlight] .tech-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;height:32px;padding:4px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:32px}[data-theme=moonlight] .tech-icon:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 8px 15px #fff3;transform:translateY(-3px) scale(1.15)}[data-theme=moonlight] .project-info{display:flex;flex-direction:column}[data-theme=moonlight] .project-name{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:4px}[data-theme=moonlight] .project-role{color:#e0e0e0;font-size:.9rem;font-weight:500;margin-bottom:8px;opacity:.85}[data-theme=moonlight] .project-description{color:#d0d0d0;font-size:1rem;font-weight:400;opacity:.8}[data-theme=moonlight] .project-right{align-items:center;display:flex}[data-theme=moonlight] .external-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:inline-flex;height:44px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:44px}[data-theme=moonlight] .external-link:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 10px 25px #fff3;transform:scale(1.3) rotate(10deg)}[data-theme=moonlight] .external-link:before{animation:gradientRotate 2s linear infinite;background:linear-gradient(45deg,#fff3,#c8c8c833);background-size:200% 200%;border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}[data-theme=moonlight] .external-link:hover:before{opacity:.6}@keyframes gradientRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}[data-theme=moonlight] .external-link img{filter:brightness(0) saturate(100%) invert(100%);height:20px;transition:all .4s ease;width:20px}[data-theme=moonlight] .external-link:hover img{filter:brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 5px rgba(255,255,255,.8));transform:scale(1.1)}[data-theme=moonlight] .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000fa,#141414fa);border-top:1px solid #ffffff1a;bottom:0;margin-bottom:0;margin-left:calc(-50vw + 50%);margin-top:40px;padding:20px 0;position:relative;width:100vw}[data-theme=moonlight] .footer:before{background:radial-gradient(circle at 50% 0,#ffffff0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=moonlight] .footer-content{align-items:center;display:flex;justify-content:space-between;padding:0 40px;position:relative;width:100%;z-index:2}[data-theme=moonlight] .footer-left{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:16px}[data-theme=moonlight] .footer-left span{opacity:.6}[data-theme=moonlight] .made-with{align-items:center;display:flex;gap:8px}[data-theme=moonlight] .tech-icon-small{height:16px;width:16px}[data-theme=moonlight] .footer-right{align-items:center;display:flex;gap:20px}[data-theme=moonlight] .footer-links{display:flex;gap:16px}[data-theme=moonlight] .footer-social-link{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;display:flex;justify-content:center;overflow:hidden;padding:8px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1)}[data-theme=moonlight] .footer-social-link:hover{background:#0000;border:none;box-shadow:none;color:#fff;transform:translateY(-6px) scale(1.2)}[data-theme=moonlight] .footer-social-link:after{background:linear-gradient(45deg,#fff3,#c8c8c833);border-radius:13px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .4s ease;z-index:-1}[data-theme=moonlight] .footer-social-link:hover:after{opacity:1}[data-theme=moonlight] .footer-social-icon{filter:brightness(0) invert(1);height:20px;opacity:.7;transition:all .4s ease;width:20px}[data-theme=moonlight] .footer-social-link:hover .footer-social-icon{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.8));opacity:1;transform:scale(1.1)}[data-theme=moonlight] .resume-link{color:#ffffffb3;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s ease}[data-theme=moonlight] .resume-link:hover{color:#fff}[data-theme=moonlight] .read-more-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;margin:20px auto;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .read-more-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40;box-shadow:0 8px 20px #ffffff26;transform:translateY(-2px)}[data-theme=moonlight] .read-more-btn:active{transform:translateY(0)}[data-theme=moonlight] .arrow{font-size:.8rem;transition:transform .3s ease}[data-theme=moonlight] .arrow.expanded{transform:rotate(180deg)}[data-theme=moonlight] .expanded-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .5s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .expanded-content.open{max-height:1000px;opacity:1;transform:translateY(0)}[data-theme=moonlight] .expanded-text{padding:20px 0;text-align:left}[data-theme=moonlight] .expanded-text p{color:#d0d0d0;font-size:1rem;line-height:1.6;margin-bottom:16px;opacity:.85}[data-theme=moonlight] .expanded-text p:last-child{margin-bottom:0}[data-theme=moonlight] .theme-toggle-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff26;border-radius:50px;box-shadow:0 8px 20px #00000080;display:flex;gap:12px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}[data-theme=moonlight] .theme-toggle-container:hover{border-color:#ffffff40;box-shadow:0 12px 30px #ffffff26}[data-theme=moonlight] .theme-toggle-text{color:#ffffffe6;font-size:.85rem;font-weight:500;white-space:nowrap}[data-theme=moonlight] .themeButtonMoonlight,[data-theme=moonlight] .themeButtonNeon{border:2px solid #fff3;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:40px}[data-theme=moonlight] .themeButtonNeon{background:linear-gradient(135deg,#a855f7,#22c55e);box-shadow:0 0 15px #a855f74d}[data-theme=moonlight] .themeButtonNeon:hover{border-color:#a855f7;box-shadow:0 0 25px #a855f780;transform:scale(1.15) rotate(10deg)}[data-theme=moonlight] .themeButtonMoonlight{background:linear-gradient(135deg,#fff,grey);box-shadow:0 0 15px #ffffff4d}[data-theme=moonlight] .themeButtonMoonlight:hover{border-color:#fff;box-shadow:0 0 25px #ffffff80;transform:scale(1.15) rotate(-10deg)}[data-theme=moonlight] .themeButtonMoonlight:before,[data-theme=moonlight] .themeButtonNeon:before{background:#ffffff4d;border-radius:50%;content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60%}[data-theme=moonlight] .themeButtonMoonlight:hover:before,[data-theme=moonlight] .themeButtonNeon:hover:before{background:#ffffff80;height:80%;width:80%}[data-theme=moonlight] .scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .scroll-animate.animate-in{opacity:1;transform:translateY(0)}[data-theme=moonlight] .nameAndPictureContainer.scroll-animate{transition-delay:.1s}[data-theme=moonlight] .aboutMe.scroll-animate{transition-delay:.2s}[data-theme=moonlight] .skills.scroll-animate{transition-delay:.3s}[data-theme=moonlight] .projects.scroll-animate{transition-delay:.4s}[data-theme=moonlight] .project-item{opacity:0;transform:translateX(-20px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:.1s}[data-theme=moonlight] .projects.animate-in .project-item{opacity:1;transform:translateX(0)}[data-theme=moonlight] .projects.animate-in .project-item:first-child{transition-delay:.2s}[data-theme=moonlight] .projects.animate-in .project-item:nth-child(2){transition-delay:.4s}[data-theme=moonlight] .projects.animate-in .project-item:nth-child(3){transition-delay:.6s}[data-theme=moonlight] .languages .social-link{opacity:0;transform:scale(.8);transition:all .5s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .skills.animate-in .languages .social-link{opacity:1;transform:scale(1)}[data-theme=moonlight] .skills.animate-in .languages .social-link:first-child{transition-delay:.1s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(2){transition-delay:.2s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(3){transition-delay:.3s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(4){transition-delay:.4s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(5){transition-delay:.5s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(6){transition-delay:.6s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(7){transition-delay:.7s}[data-theme=moonlight] .skills.animate-in .languages .social-link:nth-child(8){transition-delay:.8s}[data-theme=moonlight] .links .social-link{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=moonlight] .aboutMe.animate-in .links .social-link{opacity:1;transform:translateY(0)}[data-theme=moonlight] .aboutMe.animate-in .links .social-link:first-child{transition-delay:.1s}[data-theme=moonlight] .aboutMe.animate-in .links .social-link:nth-child(2){transition-delay:.2s}[data-theme=moonlight] .aboutMe.animate-in .links .social-link:nth-child(3){transition-delay:.3s}[data-theme=moonlight] .aboutMe.animate-in .links .social-link:nth-child(4){transition-delay:.4s}[data-theme=moonlight] .aboutMe.animate-in .links .social-link:nth-child(5){transition-delay:.5s}@media (max-width:768px){[data-theme=moonlight] .app{gap:20px;padding:20px 16px}[data-theme=moonlight] .aboutMe,[data-theme=moonlight] .nameAndPictureContainer,[data-theme=moonlight] .projects,[data-theme=moonlight] .skills{padding:40px 24px}[data-theme=moonlight] .name{font-size:2.5rem}[data-theme=moonlight] .aboutMe h3.intro{font-size:1.8rem}[data-theme=moonlight] .aboutMe p.intro{font-size:1.3rem}[data-theme=moonlight] .intro{font-size:1.4rem}[data-theme=moonlight] .projectTitle,[data-theme=moonlight] .skills .intro{font-size:1.8rem}[data-theme=moonlight] .project-item{flex-direction:column;gap:20px;text-align:center}[data-theme=moonlight] .project-left{flex-direction:column;gap:16px;margin-right:0}[data-theme=moonlight] .languages,[data-theme=moonlight] .links{gap:12px}[data-theme=moonlight] .theme-toggle-container{gap:8px;padding:8px 12px;right:10px;top:10px}[data-theme=moonlight] .theme-toggle-text{font-size:.75rem}[data-theme=moonlight] .themeButtonMoonlight,[data-theme=moonlight] .themeButtonNeon{height:32px;width:32px}[data-theme=moonlight] .footer-content{flex-direction:column;gap:24px;padding:0 24px;text-align:center}[data-theme=moonlight] .footer-left{flex-direction:column;gap:12px}[data-theme=moonlight] .made-with{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){[data-theme=moonlight] .name{font-size:2rem}[data-theme=moonlight] .username{font-size:1.2rem}[data-theme=moonlight] .aboutMe h3.intro{font-size:1.6rem}[data-theme=moonlight] .aboutMe p.intro{font-size:1.1rem}[data-theme=moonlight] .intro{font-size:1.2rem}[data-theme=moonlight] .social-link{height:50px;width:50px}[data-theme=moonlight] .social-link img{height:24px;width:24px}[data-theme=moonlight] .languages .social-link{height:60px;width:60px}[data-theme=moonlight] .languages .social-link img{height:30px;width:30px}[data-theme=moonlight] .theme-toggle-text{display:none}[data-theme=moonlight] .theme-toggle-container{gap:6px;padding:8px}[data-theme=moonlight] .footer{padding:30px 0}[data-theme=moonlight] .footer-content{padding:0 16px}[data-theme=moonlight] .footer-left,[data-theme=moonlight] .resume-link{font-size:.8rem}}
/*# sourceMappingURL=main.191cb1d5.css.map*/