:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0b0f14;background:linear-gradient(180deg,#0b0f14,#0b1016 55%,#0a1017),radial-gradient(900px 500px at 15% -10%,#a259ff0d,#a259ff00 60%),radial-gradient(800px 450px at 110% 120%,#ff91000a,#ff910000 60%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ff9100;text-decoration:inherit}a:hover{color:#a259ff}body{margin:0;display:block;min-width:320px;min-height:200vh;overflow-x:hidden;background:transparent;position:relative;isolation:isolate}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(1000px 600px at 20% 80%,#a259ff06,#a259ff00 60%),radial-gradient(900px 500px at 80% 20%,#6a00ff05,#6a00ff00 60%),radial-gradient(800px 500px at 50% 30%,#ff910004,#ff910000 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.024'/></svg>");background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:auto,auto,auto,256px 256px;pointer-events:none;z-index:0}html{overflow-x:hidden}*{box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#ff9100;background:linear-gradient(180deg,#0d1117,#0c121a 58%,#0a1118),radial-gradient(900px 500px at 25% 20%,#ff910009,#ff910000 65%),radial-gradient(800px 450px at 75% 80%,#a259ff09,#a259ff00 65%)}}.project-see-btn{color:#a259ff;display:block;margin-top:8px;cursor:pointer;font-weight:700;text-decoration:none;transition:color .2s}.project-see-btn:hover,.project-see-btn:focus{color:#6a00ff;text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#222;color:#fff;padding:2rem;border-radius:12px;min-width:300px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 4px 32px #0000004d;position:relative}.project-more-btn{margin-top:10px;background:#61dafb;color:#222;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:700;transition:background .2s}.project-more-btn:hover{background:#21a1f3;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#222;border-radius:10px;padding:1rem;width:100%;box-sizing:border-box}.project-image{width:100%;border-radius:8px}.project-title{margin:1rem 0 .5rem}.project-card a{color:#61dafb;transition:filter .2s,color .2s}.project-card a:hover{filter:brightness(1.3);color:#a6e7ff}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr 1fr;gap:1.2rem;padding:0 1rem;max-width:100%;box-sizing:border-box}.project-card{margin-bottom:1.2rem;padding:.8rem}.modal-content{padding:1rem;min-width:unset;max-width:90%;box-sizing:border-box}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem;max-width:100%;box-sizing:border-box}.project-card{margin-bottom:1rem;padding:.6rem}.modal-content{padding:.5rem;min-width:unset;max-width:95%;box-sizing:border-box}}.title{font-size:2.5rem;text-align:center;margin-bottom:.5rem;color:#a259ff}.subtitle{font-size:1.2rem;font-weight:500;text-align:center;margin-bottom:1.5rem;color:#b0b0b0}.projects-container{padding:2rem;color:#fff}.project-detail-image{max-width:60%;margin-bottom:16px}.project-detail-description{margin-bottom:16px}.private-project-label{color:#888;display:block;margin-bottom:16px;font-style:italic}.project-link{color:#a259ff;display:block;margin-bottom:16px;text-decoration:none}.project-link:hover{color:#6a00ff;text-decoration:underline}#root{max-width:1280px;margin:0 auto;padding:64px 0 0;text-align:center}.Profile{width:200px;height:200px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 1rem}.Rounded-rectangle{position:relative;width:80vw;max-width:1400px;min-width:280px;height:500px;background:#001527;border-radius:24px;box-shadow:0 4px 16px #00000026;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;z-index:10;margin:0 auto}.Profile-rectangle{position:absolute;top:32px;left:32px;width:200px;height:200px;border-radius:16px;object-fit:cover;box-shadow:0 2px 8px #0000002e;border:2px solid #fff;background:#001527}.Profile-vertical-divider{position:absolute;top:0;left:300px;width:2px;height:100%;background:#1d1b1b;border-radius:2px;z-index:11}.Profile-content{position:absolute;top:0;left:320px;text-align:left;max-width:1280px;width:calc(100% - 340px)}.Profile-content p{margin-top:2rem}.Profile-subtitle{color:#b0b0b0;font-size:1.1rem;font-weight:500;margin-bottom:0rem;margin-top:-1em}.Rectangles-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px;width:100%;max-width:1280px}.CV-download-btn{display:inline-block;padding:10px 0;background:#00213d;color:#fff;font-weight:700;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:background .2s,color .2s,filter .2s;margin-top:12px;font-size:1rem;cursor:pointer;position:absolute;top:244px;left:32px;width:200px;text-align:center;text-decoration:none;overflow:hidden}.CV-download-btn:hover{filter:brightness(1.3)}.DownloadArrow{display:inline-block;margin-left:3px;margin-top:6px;vertical-align:middle;transition:transform .3s cubic-bezier(.4,2,.6,1)}.CV-download-btn:hover .DownloadArrow{transform:translateY(6px) scale(1.15)}@media (max-width: 900px){.Rectangles-container{margin-top:40px;padding:0 1rem}.Rounded-rectangle{width:100%;max-width:none;min-width:0;height:auto;min-height:340px;flex-direction:column;padding:1.2rem .5rem;font-size:1.08rem;box-sizing:border-box}.Profile-rectangle{position:static;display:block;margin:0 auto 1rem;width:140px;height:140px}.Profile-content{position:static;margin:0;margin-top:.5rem;text-align:center;max-width:100%;width:100%;font-size:1.08rem;padding:0 .5rem;word-break:break-word}.Profile-vertical-divider{display:none}.CV-download-btn{position:static;display:block;width:140px;margin:12px auto 0;top:unset;left:unset}.Profile-rectangle{margin-bottom:.5rem}}@media (max-width: 600px){.Rectangles-container{margin-top:20px;padding:0 1.5rem}.Rounded-rectangle{width:100%;min-width:0;padding:.7rem .2rem 1rem;font-size:1rem;box-sizing:border-box}.Profile-content{font-size:1rem;padding:0 .2rem}.Rectangles-container{padding:0 1rem}.Rounded-rectangle{flex-direction:column;align-items:center;padding:16px 8px;width:100%;min-width:unset;box-sizing:border-box;margin:0}.Profile-rectangle{width:120px;height:120px;margin:0 auto 12px;display:block}.Profile-vertical-divider{display:none}.Profile-content{width:100%;text-align:center;padding:0}.Profile-title{font-size:1.4rem}.Profile-subtitle{font-size:1rem;margin-bottom:8px}.CV-download-btn{width:100%;justify-content:center;font-size:1rem;margin-bottom:12px}}.Socials{display:flex;justify-content:center;gap:10px;margin-top:1rem}.SocialLogo{width:30px;height:30px;object-fit:contain;transition:filter .2s}.SocialLogo:hover{filter:brightness(1.3)}.Navbar{width:100%;background:#111;color:#fff;padding:1rem 0;position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.Navbar-title{margin-left:2rem;font-size:1.2rem;font-weight:700;color:#a259ff}.Navbar-center{display:flex;gap:39px;margin:0 auto}.Navbar-Home,.Navbar-About,.Navbar-Projects,.Navbar-Contact{color:#8f8e8e;font-size:1.2rem;font-weight:700;cursor:pointer;transition:color .2s;position:relative;padding-bottom:6px}.Navbar-Home:after,.Navbar-About:after,.Navbar-Projects:after,.Navbar-Contact:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#a259ff,#6a00ff);border-radius:2px;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:1}.Navbar-Home.active:after,.Navbar-About.active:after,.Navbar-Projects.active:after,.Navbar-Contact.active:after{transform:scaleX(1)}.Navbar-Home:hover:after,.Navbar-About:hover:after,.Navbar-Projects:hover:after,.Navbar-Contact:hover:after{transform:scaleX(1)}.Navbar-Home:hover,.Navbar-About:hover,.Navbar-Projects:hover,.Navbar-Contact:hover{color:#fff}.Navbar-socials{display:flex;align-items:center;gap:17px;margin-right:2rem}.Navbar-divider{width:100%;height:1px;background:#272525;position:fixed;top:67px;left:0;z-index:99}@media (max-width: 600px){body,html{overflow-x:hidden!important;max-width:100vw}.Navbar{max-width:100vw;padding:.5rem}.Navbar-title{margin-left:1rem}.Navbar-socials{margin-right:1rem;gap:10px}}@media (max-width: 900px){.Navbar{flex-direction:row;align-items:center;justify-content:center;padding:.5rem 0;height:auto;position:fixed;top:0;left:0;width:100%;box-sizing:border-box}.Navbar-title{margin:0 auto;font-size:1.2rem;display:flex;align-items:center;height:40px;justify-content:center;position:absolute;inset:8px 0 0;pointer-events:none;z-index:101}.Navbar-burger{margin-left:auto;margin-right:1.2rem;position:relative;z-index:200}.Navbar-divider{display:none}.Navbar-center{position:static;width:100%;left:0;right:0;background:#111;flex-direction:column;align-items:stretch;gap:0;padding:0;z-index:150;display:flex;margin:0;box-sizing:border-box}.Navbar-center span,.Navbar-center a{width:100vw;padding:1.1rem 1.5rem;border-bottom:1px solid #222;font-size:1.15rem;background:none;text-align:left;color:#fff;display:block}.Navbar{flex-direction:column;align-items:stretch;padding:.5rem 0;height:auto}.Navbar-title{margin-left:1rem;margin-bottom:.5rem}.Navbar-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;margin-right:1.2rem;z-index:200}.Navbar-burger span{display:block;width:28px;height:4px;margin:3px 0;background:#fff;border-radius:2px;transition:.3s}.Navbar-burger{position:absolute;right:0;top:12px}.Navbar-center{display:none}.Navbar-center.open{display:flex}.Navbar-socials.desktop{display:none!important}.Navbar-socials.mobile{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;justify-content:flex-start;align-items:center;gap:7px;width:100vw;max-width:100vw;box-sizing:border-box;padding-left:.7rem;margin:1.2rem 0 0}.Navbar-socials.mobile::-webkit-scrollbar{display:none}.Navbar-socials.mobile .SocialLogo{width:18px;height:18px;min-width:18px;min-height:18px}.Navbar-socials.mobile button{font-size:.85rem;padding:.15rem .35rem;max-width:60px;white-space:nowrap}}@media (min-width: 901px){.Navbar-burger,.Navbar-socials.mobile{display:none!important}.Navbar-socials.desktop{display:flex}}.Navbar-ppgithub{height:40px;width:40px;border-radius:50%;margin-right:0;margin-left:29px}.language-switch-btn{margin-left:10px;background:#222;color:#fff;border:1px solid #444;border-radius:6px;padding:.3rem .7rem;cursor:pointer;font-weight:700}.fade-in-home{animation:fadeInUp 1.1s cubic-bezier(.23,1,.32,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.Home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding-top:120px}.Home-container h1{font-size:2.5rem;color:#a259ff;margin-bottom:1rem}.Home-container p{font-size:1.2rem;color:#fff}@media (max-width: 600px){.Home-container{padding-top:80px;min-height:40vh;padding-left:1rem;padding-right:1rem;max-width:100%;box-sizing:border-box}.Home-container h1{font-size:1.5rem}.Home-container p{font-size:1rem}}