:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#000000de;margin:0;padding:0}#root{max-width:100vw;margin:0;padding:0}*{margin:0;padding:0;scroll-behavior:smooth;scroll-margin:70px;box-sizing:border-box;font-weight:600;font-family:Comic Neue,cursive}::selection{background:#f50}body{color:#fff;line-height:1.6;min-height:100vh;height:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAWRJREFUSIntlLEvA1Ecx7+/R6RD0/ZaSyUGf4CJ6soiYheDGCSdKyZGMUkkWmWWiIjNYrIhBnqXiFkiWCyiV20TQ3tfU6W07/ou2PrZfu/37vt5v3uXA3p0QXSNuFOYJrgPIiyCjbfx5e0/FVh24RngcMvOo2glknmcWvoIIlD6FpPfSyyUw+/ng04uqXkgqADVDmvpBpWTKOZT/yUAgCFP5DJm7yz+VlDx6YUEOLDs/Ca47pehF1A/QRMBZNVyrNP4dSESWKBIvwlamWUfr6I3uyOBBBTVbYJWRpXy7JidmzQWQIwnaJIQqLN4MT9vJqDvJesYoMiemUC6XrKO19aiX7eLRFX7HwEIyK0In0ipf51JvBrqastIoAQVsn1dBPdeQ+bcdPZO7zcQgB1fUalBb6acXnkwCQd8P9M2AUnJlFPm4f4C4OVHnXMnsidBwn0F7ljpAsAhgBrAY1dCa0HDexjxCWo2dflFvc20AAAAAElFTkSuQmCC) 0 0,auto}main{flex:1}header{background:#000;color:#fff;padding:0 30px;position:sticky;top:0;height:60px!important;max-height:60px!important;z-index:9999;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease-in-out}header.scrolled{background:#000000b3}.logo{font-size:22px;font-weight:700;text-decoration:none;color:#fff;display:flex;align-items:center;gap:4px;transition:all .3s ease-in-out;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAWRJREFUSIntlLEvA1Ecx7+/R6RD0/ZaSyUGf4CJ6soiYheDGCSdKyZGMUkkWmWWiIjNYrIhBnqXiFkiWCyiV20TQ3tfU6W07/ou2PrZfu/37vt5v3uXA3p0QXSNuFOYJrgPIiyCjbfx5e0/FVh24RngcMvOo2glknmcWvoIIlD6FpPfSyyUw+/ng04uqXkgqADVDmvpBpWTKOZT/yUAgCFP5DJm7yz+VlDx6YUEOLDs/Ca47pehF1A/QRMBZNVyrNP4dSESWKBIvwlamWUfr6I3uyOBBBTVbYJWRpXy7JidmzQWQIwnaJIQqLN4MT9vJqDvJesYoMiemUC6XrKO19aiX7eLRFX7HwEIyK0In0ipf51JvBrqastIoAQVsn1dBPdeQ+bcdPZO7zcQgB1fUalBb6acXnkwCQd8P9M2AUnJlFPm4f4C4OVHnXMnsidBwn0F7ljpAsAhgBrAY1dCa0HDexjxCWo2dflFvc20AAAAAElFTkSuQmCC) 0 0,auto}.logo:hover{color:#6a11cb;transform:scale(1.1)}nav{display:flex;gap:15px}nav>*{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:5px 10px;transition:color .3s ease-in-out,background .3s ease-in-out;border-radius:5px}nav>*:hover{color:#0f0}nav>*:after{content:"";display:block;width:0;height:2px;background-color:#fff;transition:width .3s}nav>*:hover:after{width:100%}nav>*.active:after{width:80%;justify-self:right;background-color:#0f0}.hamburger{display:none;flex-direction:column;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAWRJREFUSIntlLEvA1Ecx7+/R6RD0/ZaSyUGf4CJ6soiYheDGCSdKyZGMUkkWmWWiIjNYrIhBnqXiFkiWCyiV20TQ3tfU6W07/ou2PrZfu/37vt5v3uXA3p0QXSNuFOYJrgPIiyCjbfx5e0/FVh24RngcMvOo2glknmcWvoIIlD6FpPfSyyUw+/ng04uqXkgqADVDmvpBpWTKOZT/yUAgCFP5DJm7yz+VlDx6YUEOLDs/Ca47pehF1A/QRMBZNVyrNP4dSESWKBIvwlamWUfr6I3uyOBBBTVbYJWRpXy7JidmzQWQIwnaJIQqLN4MT9vJqDvJesYoMiemUC6XrKO19aiX7eLRFX7HwEIyK0In0ipf51JvBrqastIoAQVsn1dBPdeQ+bcdPZO7zcQgB1fUalBb6acXnkwCQd8P9M2AUnJlFPm4f4C4OVHnXMnsidBwn0F7ljpAsAhgBrAY1dCa0HDexjxCWo2dflFvc20AAAAAElFTkSuQmCC) 0 0,auto;gap:4px;position:relative;z-index:1010;max-width:max-content;justify-self:right}.hamburger span{display:block;width:25px;height:2px;background-color:#fff;transition:all .3s ease-in-out}.hamburger span:nth-child(1){width:80%}.hamburger span:nth-child(3){width:80%}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:60px;right:0;width:100%;height:0;background:#000000e6;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:height .5s ease-in-out;z-index:1009;border-top:0px solid rgb(95,175,10)}.mobile-menu.open{height:100vh;border-top:2px solid rgb(95,175,10)}.mobile-menu a{color:#fff;font-size:18px;text-decoration:none}.mobile-menu a:hover{color:#6a11cb}@media (max-width: 768px){.hamburger{display:flex}nav{display:none}}.home-main-container{background-color:#000;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}@keyframes rightLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.home-main-container:before{content:"";position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to bottom right,#141414cc,#000000e6);z-index:1}.home-main-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;height:100vh}@keyframes leftRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes upDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.home-desktop-view{display:flex;flex-direction:column;justify-content:center;margin:auto 0}.home-desktop-main-content{display:flex;flex-direction:column;animation:upDown 1s linear}.home-name{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.home-tagline{font-size:1.5rem;font-weight:300;margin-bottom:3rem;position:relative;display:inline-block;max-width:max-content}.home-tagline:after{content:"";position:absolute;height:3px;width:100%;background-color:#0f0;bottom:-10px;left:0}.home-navigation{display:flex;gap:2rem;margin-bottom:3rem}.home-nav-item{color:#fff;text-decoration:none;font-size:1.2rem;position:relative;transition:color .3s}.home-nav-item:hover,.portfolio-nav-item.active{color:#0f0}.home-social-icons{display:flex;gap:1rem;animation:leftRight 1.5s ease}.home-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#333;transition:background-color .3s}.home-icon-container:hover{background-color:#4ade80}.home-icon{font-size:1.5rem;color:#fff}.home-mobile-view{display:none}.home-menu-icon{position:absolute;top:1rem;right:1rem;font-size:1.8rem;cursor:pointer}.home-mobile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.home-mobile-main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:upDown 1s linear}@media (max-width: 768px){.home-desktop-view{display:none}.home-mobile-view{display:block;height:100vh}.home-name{font-size:2.5rem;text-align:center}.home-tagline{font-size:1.2rem;text-align:center;margin-bottom:2rem}.home-tagline:after{width:30%}.home-mobile-content{padding-top:3rem}}.hero{height:100vh;background:linear-gradient(45deg,#6a11cb,#ff4d00,#00f,red,#2575fc);background-size:400% 400%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#fff;padding:20px;transition:all 1s ease-in-out;animation:heroGradient 10s linear infinite}@keyframes heroGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1{font-size:36px;font-weight:700;animation:fadeIn 1.5s ease-in-out}.hero p{font-size:18px;margin:20px 0;animation:fadeIn 2s ease-in-out}.hero a{padding:8px 16px;font-size:14px;background-color:#fff;color:#6a11cb;border-radius:25px;text-decoration:none;font-weight:700;transition:background-color .3s,transform .2s}.hero a:hover{background-color:#ddd;transform:scale(1.1)}.projects-section{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:40px 20px}.projects-container{display:flex;flex-direction:column;gap:40px;width:100%;max-width:1200px}.projects-group{display:flex;flex-direction:column;gap:20px;align-items:center;margin:0 auto}.projects{display:flex;justify-content:center;gap:30px}.project-item{background:#3333338e;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:300px;text-align:left;transition:transform .3s ease}.project-item:hover{transform:translateY(-5px)}.mainproject-item{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.project-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.project-link{display:inline-block;margin-top:10px;padding:8px 16px;background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;text-decoration:none;border-radius:5px;transition:transform .2s ease-in-out;max-width:max-content}.project-link:hover{transform:scale(1.05)}.personal-projects h2{text-align:left;display:flex;justify-content:start;align-self:start}.personal-projects-list{display:flex;justify-content:space-between;gap:40px;width:100%}.personal-projects-list .project-item{width:100%}.projects{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.about-section{display:flex;justify-content:center;align-items:center;padding:60px 80px;gap:50px;height:max-content;margin:70px 0}@media (max-width: 768px){.about-section{padding:30px 20px;margin:30px 0;flex-direction:column}}.about-container{display:flex;gap:50px;justify-content:center;align-items:start;max-height:100%;width:100%;flex-direction:column}.about{text-align:left;display:flex;flex-direction:column;gap:20px;align-items:start;max-width:600px}.about .profile-image{width:290px;height:290px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:1px solid #6a11cb;box-shadow:0 4px 8px #0003}@media (max-width: 768px){.about .profile-image{width:200px;height:200px;align-self:center}.mainproject-item{margin:5px 0}}.about>p{font-size:17px;font-weight:700;font-family:Comic Neue,cursive}@media (max-width: 768px){.about h2{padding:20px 0;text-align:center;display:flex;align-self:center}}.skills-section{padding:4rem 2rem}.skills-section h2{text-align:center;margin-bottom:3rem}.skills{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:stretch;margin:0 auto;max-width:1200px;padding:0 2rem}.skill-item{padding:2rem;border-radius:10px;transition:transform .3s ease;margin:0;display:flex;flex-direction:column;width:300px;height:auto;text-align:center;flex:0 0 auto}.skill-item:hover{transform:translateY(-5px)}.skill-item h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-item p{line-height:1.6}@media (max-width: 768px){.skills{flex-direction:column;align-items:center;gap:2rem;padding:0 1rem}.skills-section{padding:3rem 1rem}.skill-item{flex:0 0 auto;width:300px}}.floating-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#333;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0003;width:300px;z-index:1001;display:none}.floating-form-container input,.floating-form-container textarea{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;background-color:#fff;color:#2575fc;border-radius:5px;resize:vertical;min-height:max-content;max-height:200px}.floating-form-container button{width:100%;padding:10px;background:#6a11cb;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s ease-in-out}.floating-form-container button:hover{background:#2575fc}.floating-form-container button:disabled{background:gray}.form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;z-index:1000}footer{background:linear-gradient(to bottom right,#2575fc,#6a11cb);bottom:0;width:100%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;height:50px;max-height:50px;margin-bottom:0;clear:both}footer a{color:#6a11cb;text-decoration:none;margin:0 10px}.floating-notification{position:fixed;top:70px;left:10px;transform:translate(-50%,-50%);padding:12px 15px;background:#000c;color:#fff;border-radius:10px;font-size:15px;text-align:center;z-index:9990;opacity:1;animation:slideInOut 4s ease-in-out;max-width:250px;transition:all .3s ease-in-out}.floating-notification.success{background-color:green}.floating-notification.error{background-color:red}.floating-notification.info{background-color:#000000b3}@keyframes slideInOut{0%{transform:translate(-100%);opacity:0}16.67%{transform:translate(0);opacity:1}83.33%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.not-found-container{min-height:100vh;padding:20px 10px;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.not-found-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,255,0,.1) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(rgba(0,255,0,.1) 1px,transparent 1px) 0 0 / 20px 20px;animation:scan 8s linear infinite}.not-found-content{background:#000c;border:1px solid #00ff00;box-shadow:0 0 20px #00ff004d;padding:2rem;position:relative;z-index:1;width:90%;max-width:600px}.error-code{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.error-digit{font-family:Courier New,monospace;font-size:8rem;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);position:relative}.error-digit.glitch{animation:glitch 1.5s linear infinite}.error-title{font-family:Courier New,monospace;color:#0f0;text-align:center;margin-bottom:2rem;font-size:2rem;text-transform:uppercase;letter-spacing:2px}.error-details,.error-solution{font-family:Courier New,monospace;color:#0f0;margin-bottom:1.5rem}.error-line{margin:.5rem 0;font-size:1.1rem;position:relative;padding-left:1rem}.error-line:before{content:">";position:absolute;left:0;color:#0f0}.error-link{display:inline-block;padding:.8rem 1.5rem;background:#00ff001a;color:#0f0;text-decoration:none;border:1px solid #00ff00;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin-top:1rem}.error-link:hover{background:#0f03;box-shadow:0 0 10px #00ff0080;transform:translateY(-2px)}.error-details:after{content:"_";animation:blink 1s step-end infinite;color:#0f0}@keyframes scan{0%{background-position:0 0}to{background-position:0 20px}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}50%{transform:translate(2px,2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes formFadeIn{0%{transform:scale(.9);opacity:0;transform:translate(0)}to{transform:scale(1);opacity:1;transform:translate(-50%,-50%)}}@keyframes formFadeOut{0%{opacity:1}to{opacity:0;display:none}}.portfolio,.skills-section,.projects-page,.calculator,.sc-container,.not-found-container{animation:opacityOn .5s ease}@keyframes opacityOn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.about-section{padding:30px 20px;margin:30px 0}.about-container{flex-direction:column;align-items:center;gap:30px}.about{padding:20px 0;text-align:center}.about .profile-image{width:250px;height:250px}.projects-section{padding:30px 15px}.projects{flex-direction:column;align-items:center}.project-item{width:100%;max-width:350px}.skills-section{margin:50px auto}.skills{flex-direction:column;align-items:center}.skill-item{width:100%;max-width:350px}}.flex-1{flex:1}.typing-text{display:inline-block;min-width:100px;position:relative}.typing-text span{display:inline-block;transition:opacity .1s ease-out}.typing-text span.fade-out{opacity:0}.typing-text.deleting{animation:fadeOut .1s ease-out}.cursor{display:inline-block;width:2px;height:1em;background-color:currentColor;margin-left:2px;animation:blink .75s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:.5}}