.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0af2;backdrop-filter:blur(10px);transition:all var(--transition-smooth);border-bottom:1px solid rgba(0,255,65,.2)}.header.scrolled{background:#0a0a0afa;box-shadow:var(--shadow-md)}.header-content{padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;width:100%;max-width:1700px;margin:auto}.logo-navbar{display:flex;width:80px;align-items:center;gap:var(--spacing-xs)}.logo-img{width:100%}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--white);font-weight:500;position:relative;transition:all var(--transition-fast);padding:var(--spacing-xs) 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--neon-green),var(--secondary-blue));transition:width var(--transition-smooth)}.nav-link:hover{color:var(--neon-green)}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.mobile-menu-btn span{width:25px;height:3px;background:var(--neon-green);transition:all var(--transition-smooth);transform-origin:center}@media (max-width: 48em){.mobile-menu-btn{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background:#0a0a0afa;backdrop-filter:blur(10px);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-smooth);box-shadow:var(--shadow-md)}.nav.nav-open{transform:translateY(0);opacity:.9;visibility:visible}.nav-link{padding:var(--spacing-sm) 0;font-size:1.1rem}}.footer{background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 50%,var(--light-blue) 100%);color:var(--white);position:relative;overflow:hidden;width:100%}.footer-particles{position:absolute;inset:0;pointer-events:none}.footer-particle{position:absolute;width:3px;height:3px;background:var(--neon-green);border-radius:50%;animation:float 5s ease-in-out infinite;opacity:.6;box-shadow:0 0 6px var(--neon-green)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xxl);padding:var(--spacing-xxl) 0;position:relative;z-index:2;max-width:1700px;margin:auto}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;width:80px;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer-logo .logo-img{width:100%;box-shadow:var(--shadow-md)}.footer-description{color:#fffc;line-height:1.6;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.link-group h4{font-family:var(--font-gaming);color:var(--neon-green);margin-bottom:var(--spacing-md);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.link-group ul{list-style:none;padding:0;margin:0}.link-group li{margin-bottom:var(--spacing-sm)}.link-group a{color:#ffffffb3;text-decoration:none;transition:all var(--transition-fast);position:relative}.link-group a:hover{color:var(--white);transform:translate(5px)}.link-group a:before{content:"▶";position:absolute;left:-15px;color:var(--neon-green);opacity:0;transition:opacity var(--transition-fast);font-size:.8rem}.link-group a:hover:before{opacity:1}.footer-bottom{position:relative;z-index:2}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);margin-bottom:var(--spacing-lg)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.copyright{color:#fff9;font-size:.9rem;margin:0}.footer-gaming{display:flex;align-items:center}.gaming-text{font-family:var(--font-gaming);color:var(--neon-green);font-weight:600;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,65,.5)}@media (max-width: 48em){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer-links{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.footer-bottom-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.link-group a:before{display:none}.link-group a:hover{transform:none}}@media (width <=30em){.footer-content{padding:var(--spacing-xl) 0}.footer-logo .logo-text{font-size:1.5rem}.footer-description{max-width:none}.copyright{font-size:.8rem}.gaming-text{font-size:.9rem}}.toastRoot{position:fixed;top:20px;right:20px;z-index:2147483647;pointer-events:none}.toastCard{width:330px;min-height:80px;border-radius:10px;box-sizing:border-box;padding:10px 15px;background-color:#fff;box-shadow:#00000038 0 10px 28px;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;animation:toastFade .25s ease-out;pointer-events:auto}.toastCard.is-success .toastWave{fill:#04e4003a}.toastCard.is-success .toastIcon{background-color:#04e40048}.toastCard.is-success .icon,.toastCard.is-success .toastTitle{color:#269b24}.toastCard.is-error .toastWave{fill:#ff3b3030}.toastCard.is-error .toastIcon{background-color:#ff3b3045}.toastCard.is-error .icon,.toastCard.is-error .toastTitle{color:#d3271f}.toastWave{position:absolute;transform:rotate(90deg);left:-31px;top:32px;width:80px}.toastIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;margin-left:4px;flex:0 0 auto}.icon{width:18px;height:18px}.toastText{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0}.toastTitle{margin:0;font-size:16.5px;font-weight:800}.toastSub{margin:2px 0 0;font-size:13.5px;color:#555}.toastClose{border:none;background:transparent;cursor:pointer;width:24px;height:24px;color:#666;display:grid;place-items:center}.toastClose .closeIcon{width:18px;height:18px}@keyframes toastFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:100vh;max-width:100%;display:flex;align-items:center;position:relative;margin-top:40px;overflow:hidden;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 30%,var(--light-blue) 100%)}.hero-background{position:absolute;inset:0;z-index:1}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,65,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s ease-in-out infinite}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--neon-green);border-radius:50%;animation:float 3s ease-in-out infinite;box-shadow:0 0 10px var(--neon-green)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;position:relative;z-index:2;padding:var(--spacing-xxl) 0}.hero-text{animation:slideInLeft 1s ease forwards}.hero-title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:var(--spacing-md)}.greeting{display:block;font-size:1.2rem;color:var(--white);font-weight:500;margin-bottom:var(--spacing-xs)}.name{display:block;font-family:var(--font-gaming);font-weight:900;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,65,.3)}.role{display:block;color:var(--primary-blue);font-weight:600;margin-top:var(--spacing-xs)}.cursor{animation:pulse 1s infinite;color:var(--neon-green)}.hero-description{text-align:center;font-size:1.1rem;color:var(--neon-cyan);margin-bottom:var(--spacing-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.hero-visual{animation:slideInRight 1s ease forwards}.code-snippet{margin:auto;background:var(--black);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-smooth)}.code-snippet:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.code-header{background:#2d2d2d;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.code-dots{display:flex;gap:6px}.code-dots span{width:12px;height:12px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#28ca42}.code-title{color:var(--white);font-size:.9rem;font-family:Courier New,monospace}.code-content{padding:var(--spacing-md)}.code-content pre{color:var(--white);font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0}.card{width:fit-content;height:fit-content;background-color:#313131cc;display:flex;align-items:center;justify-content:center;padding:15px;gap:15px;overflow:hidden;border-radius:27px;box-shadow:0 0 20px #0000000e}.card a{width:52px;height:52px;background-color:#75757500;display:flex;align-items:center;border-radius:10px;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.15,.83,.66,1)}.card a:hover{transform:scale(1.2);border-radius:15px}.card a:nth-child(1):hover{background-color:#010409}.card a:nth-child(2):hover{background-color:#8c9eff}.card a:nth-child(3):hover{background-color:#0072b1}.card a:nth-child(4):hover{background-color:#d93025}.card a:active{transform:scale(1.1);transition-duration:.3s}.card a svg:first-child{display:flex;scale:1.3;position:absolute;width:17px;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.15,.83,.66,1)}.card a svg:first-child path{fill:#fff}.card a:hover svg:first-child{transform:translateY(-40px);opacity:0}.card a svg:last-child{display:flex;position:absolute;width:17px;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.15,.83,.66,1)}.card a svg:last-child path{fill:#fff}.card a:hover svg:last-child{opacity:1;transform:translateY(0)}@keyframes slide-in-top{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.card:has(.socialContainer:hover) .socialContainer:not(:hover){opacity:.1}@media (max-width: 80em){.hero{padding:0;width:100%}.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);margin:auto}.hero-description{text-align:left;font-size:x-large}.hero-actions{justify-content:center;flex-wrap:wrap}.code-snippet{transform:none;max-width:100%}}@media (width <= 30em){.hero-text{margin:8px;padding:10px}.hero-description{width:100%;font:optional}.hero-actions{flex-direction:column;align-items:center}.code-content pre{font-size:.8rem}}.about{background:var(--dark-gray);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.about:before{content:"";position:absolute;top:0;right:-50%;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,var(--light-blue) 100%);transform:skew(-15deg);z-index:1}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xxl);align-items:center;position:relative;z-index:2}.about-image{position:relative}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-lg);transition:transform var(--transition-smooth)}.image-overlay{position:absolute;inset:-10px;border-radius:16px;z-index:-1}.gaming-border{width:100%;height:100%;border:3px solid var(--neon-green);border-radius:16px;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 30px #00ff414d}.about-text{padding:var(--spacing-md);animation:slideInRight 1s ease forwards;max-width:1000px;background-color:var(--dark-gray);border:solid 1px var(--neon-green);box-shadow:var(--shadow-gaming);border-radius:16px;text-align:left}.about-subtitle{font-family:var(--font-gaming);font-weight:400;font-size:1.8rem;color:var(--neon-green);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);text-shadow:0 0 15px rgba(0,255,65,.3)}.logo{width:100px;animation:float 3s ease-in-out infinite}.logo img{width:100%;height:auto}.about-description{padding:0 1rem;font-size:1.1rem;line-height:1.7;color:var(--white);margin-bottom:var(--spacing-md);font-family:Google Sans Code}.about-description span{font-weight:700;font-weight:800;font-style:italic}.about-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}@media (max-width: 80em){.about-content{grid-template-columns:1fr;max-width:100%;justify-items:center}.about-text{max-width:100%}}@media (max-width: 48em){.about:before{display:none}.about-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.about-description{font-size:medium}.about-actions{justify-content:center;flex-wrap:wrap}}@media (width <= 30em){.about-subtitle{font-size:1.5rem;flex-direction:column;gap:var(--spacing-xs)}.about-actions{flex-direction:column;align-items:center}}.contact{background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 50%,var(--light-blue) 100%);position:relative;overflow:hidden}.hidden{display:none}.contact:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%231976D2" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;z-index:1}.contact .container{position:relative;z-index:2}.contact-content{display:flex;gap:var(--spacing-xxl);flex-direction:column;align-items:center;align-content:center;justify-content:center}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:#1e1e1ef2;backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:16px;border:1px solid rgba(0,255,65,.2);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-smooth);box-shadow:var(--shadow-sm)}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.info-icon svg{width:60px;height:60px}.info-text h4{font-family:var(--font-gaming);color:var(--neon-green);margin-bottom:var(--spacing-xs);font-size:1.5rem}.info-text p{color:var(--white);font-size:1.1rem;margin:0}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:var(--spacing-xs)}.success-message{background:var(--neon-green);color:var(--black);padding:var(--spacing-md);border-radius:8px;font-weight:600;text-align:center;animation:slideInUp .5s ease forwards;box-shadow:0 0 20px #00ff414d}.buttons-contact-container{display:flex;gap:10px}.buttons-contact-container button{width:140px}.contact-email-image{width:600px;filter:drop-shadow(var(--shadow-gaming))}@media (max-width: 80em){.info-card{flex-direction:column;text-align:center;padding:var(--spacing-md)}.contact-email-image{width:100%;max-width:400px}}@media (max-width: 48em){.contact-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.contact-email-image{max-width:100%}}@media (width <=30em){.info-card{padding:1em;max-width:300px}.info-icon svg{width:50px;height:50px}.social-icons{flex-direction:column}}.project-detail{min-height:100vh;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);padding-top:100px;color:var(--white);margin:auto;width:100vw;display:flex;gap:20px;align-items:flex-start;justify-content:center;flex-direction:column}.container-project{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:auto}.tech-item{max-width:100%}.tech-svg{width:40px}.tech-image{max-width:100%}.loading-section,.error-section{display:flex;align-items:center;justify-content:center;min-height:80vh}.loading-spinner{display:flex;flex-direction:column;height:50px;border:4px solid var(--medium-gray);border-top:4px solid var(--neon-green);border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;max-width:500px}.error-message h2{font-family:var(--font-gaming);color:var(--neon-green);margin-bottom:var(--spacing-md);font-size:2rem}.error-message p{color:var(--gray);margin-bottom:var(--spacing-xl);font-size:1.1rem}.project-header{display:flex;justify-content:center;margin-left:4em;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,255,65,.2)}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;cursor:pointer;transition:all var(--transition-smooth);font-family:var(--font-primary);font-weight:600}.back-button:hover{background:var(--neon-green);color:var(--black);transform:translate(-5px)}.project-hero{max-width:100%;text-align:center;margin:20px;padding:var(--spacing-xxl);background:#1e1e1e80;border-radius:20px;border:1px solid rgba(0,255,65,.2);box-shadow:var(--shadow-gaming)}.content-stats-tech{display:flex;flex-direction:row;width:100%;margin:auto;padding:15px;border-radius:20px;border:1px solid rgba(0,255,65,.2);align-items:center;justify-content:space-around;gap:2rem}.tech-flex{display:flex;gap:2em}.project-title{font-family:var(--font-gaming);font-size:clamp(2.5rem,5vw,4rem);color:var(--neon-green);margin-bottom:var(--spacing-md);text-shadow:0 0 30px rgba(0,255,65,.5);line-height:1.2}.project-subtitle{font-size:1.2rem;color:var(--gray);max-width:800px;margin:0 auto var(--spacing-xl);line-height:1.6}.project-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.stat{text-align:center}.stat-label{display:block;color:var(--gray);font-size:.9rem;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.stat-value{display:block;font-family:var(--font-gaming);font-size:1.5rem;color:var(--neon-green);font-weight:700}.project-gallery{max-width:100%;text-align:center;margin:20px;padding:var(--spacing-sm);background:#1e1e1e80;border-radius:20px;border:1px solid rgba(0,255,65,.2);box-shadow:var(--shadow-gaming)}.section-title{font-family:var(--font-gaming);font-size:2rem;color:var(--neon-green);text-align:center;margin-bottom:var(--spacing-xl);text-shadow:0 0 20px rgba(0,255,65,.3)}.gallery-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);align-items:center;justify-items:center;justify-content:center}.gallery-item{position:relative;max-width:800px;max-height:400px;overflow:hidden;aspect-ratio:16/10;transition:transform var(--transition-smooth)}.gallery-image{max-width:100%;max-height:100%;object-fit:cover;border-radius:12px;transition:transform var(--transition-smooth)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00ff41cc,#4fc3f7cc);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-smooth)}.gallery-item:hover .image-overlay{opacity:1}.image-number{font-family:var(--font-gaming);font-size:2rem;color:var(--white);font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5)}.content-text{max-width:800px;margin:0 auto;background:#1e1e1e80;padding:var(--spacing-xxl);border-radius:16px;border:1px solid rgba(0,255,65,.2)}.section-heading{font-family:var(--font-gaming);color:var(--neon-green);font-size:1.3rem;margin:var(--spacing-lg) 0 var(--spacing-md);text-shadow:0 0 10px rgba(0,255,65,.3)}.description-paragraph{color:var(--gray);line-height:1.7;margin-bottom:var(--spacing-md);font-size:1.05rem}.feature-item{color:var(--white);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);position:relative}.feature-item:before{content:"▶";position:absolute;left:0;color:var(--neon-green);font-size:.8rem}.project-actions{margin-bottom:var(--spacing-xxl)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:12px;text-decoration:none;font-family:var(--font-gaming);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-smooth);border:2px solid transparent}.github-button{background:linear-gradient(135deg,var(--black),var(--medium-gray));color:var(--white);border-color:var(--gray)}.github-button:hover{background:var(--white);color:var(--black);transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.contact-button{background:transparent;color:var(--neon-green);border-color:var(--neon-green)}.contact-button:hover{background:var(--neon-green);color:var(--black);transform:translateY(-3px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 90em){.project-detail,.container-project{max-width:100%}.gallery-item{max-width:100%;max-height:100%}}@media (max-width: 64em){.project-subtitle{max-width:100%;max-height:100%}.content-stats-tech{flex-direction:column;flex-wrap:wrap;width:100%;height:auto}.tech-flex{flex-wrap:wrap;max-width:100%;height:100%;justify-content:center;align-items:center}}@media (max-width: 48em){.project-detail{padding-top:100px}.project-subtitle{max-width:400px;font-size:medium}.actions-grid{max-width:100%}.project-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.project-stats{gap:var(--spacing-lg)}.gallery-grid{grid-template-columns:1fr}.content-text{padding:var(--spacing-lg)}.actions-grid{grid-template-columns:1fr}}@media (width <= 30em){.project-hero{padding:var(--spacing-lg)}.project-stats{flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:1.5rem}.content-text{padding:var(--spacing-md)}}.not-found-container{min-height:100vh;background-color:#121212;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.background-pattern{position:absolute;inset:0;opacity:.05}.gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,64,129,.1) 0%,transparent 50%,rgba(156,39,176,.1) 100%)}.dot-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,#ff4081 1px,transparent 1px),radial-gradient(circle at 75% 75%,#9c27b0 1px,transparent 1px);background-size:60px 60px;animation:drift 30s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.main-content{text-align:center;z-index:10;position:relative;max-width:512px;width:100%}.robot-container{margin-bottom:32px;position:relative}.robot-bounce{display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}}.robot-wrapper{width:96px;height:96px;margin:0 auto 16px;position:relative}.robot-head{width:64px;height:64px;background:linear-gradient(135deg,#d1d5db,#6b7280);border-radius:8px;margin:0 auto;position:relative;border:2px solid #9ca3af}.robot-eye{position:absolute;top:12px;width:12px;height:12px;background-color:#00ff41;border-radius:50%;animation:pulse 2s infinite}.left-eye{left:8px}.right-eye{right:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.robot-mouth{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:24px;height:4px;background-color:#4b5563;border-radius:2px}.robot-antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:4px;height:16px;background-color:#9ca3af}.robot-antenna-light{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:#00ff41;border-radius:50%;animation:ping 1s infinite}@keyframes ping{75%,to{transform:translate(-50%) scale(2);opacity:0}}.robot-body{width:48px;height:32px;background:linear-gradient(135deg,#9ca3af,#4b5563);border-radius:4px;margin:-8px auto 0;border:2px solid #6b7280;position:relative}.robot-chest-light{width:8px;height:8px;background-color:#00ff41;border-radius:50%;margin:8px auto 0}.error-number{margin-bottom:32px}.number-404{font-size:144px;font-weight:700;color:#fff;margin-bottom:8px;position:relative;display:inline-block;line-height:1}@media (min-width: 768px){.number-404{font-size:192px}}.number-gradient{background:linear-gradient(90deg,#fff,#d1d5db,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.number-zero{color:#00ff41;margin:0 8px;position:relative;display:inline-block}.zero-glow{position:absolute;inset:0;color:#00ff41;animation:pulse 2s infinite;opacity:.5;filter:blur(2px);pointer-events:none}.error-message{margin-bottom:48px}.error-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;font-family:Playfair Display,serif}@media (min-width: 768px){.error-title{font-size:36px}}.error-description{font-size:18px;color:#d1d5db;line-height:1.6;max-width:384px;margin:0 auto}.navigation-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;margin-bottom:32px}@media (min-width: 640px){.navigation-buttons{flex-direction:row}}.btn-back,.btn-home{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:8px;font-weight:600;transition:all .3s ease;min-width:160px;cursor:pointer;border:none;font-size:16px}.btn-back{background-color:#fff;color:#121212}.btn-back:hover{transform:scale(1.05);box-shadow:0 10px 25px #fff3}.btn-back:hover .btn-arrow{transform:translate(-4px)}.btn-home{background-color:transparent;color:#00ff41;border:2px solid #00FF41}.btn-home:hover{background-color:#00ff41;color:#fff;transform:scale(1.05);box-shadow:0 10px 25px #00ff414d}.btn-home:hover{transform:scale(1.1)}.btn-arrow{transition:transform .3s ease}.fun-message{font-size:14px;color:#6b7280;font-style:italic}.floating-elements{position:absolute;inset:0;pointer-events:none}.float-dot{position:absolute;border-radius:50%}.dot-1{top:25%;left:25%;width:8px;height:8px;background-color:#00ff41;animation:ping 2s infinite;opacity:.6}.dot-2{top:75%;right:25%;width:12px;height:12px;background-color:#9c27b0;animation:pulse 3s infinite;opacity:.4}.dot-3{bottom:25%;left:33%;width:4px;height:4px;background-color:#60a5fa;animation:bounce 2s infinite;opacity:.5}.dot-4{top:50%;right:33%;width:8px;height:8px;background-color:#34d399;animation:ping 2s infinite;animation-delay:1s;opacity:.3}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #4FC3F7;--secondary-blue: #29B6F6;--light-blue: #0D47A1;--white: #FFFFFF;--black: #060010;--dark-gray: #121212;--medium-gray: #1E1E1E;--gray: #CCCCCC;--light-gray: #2A2A2A;--neon-green: #00FF41;--neon-purple: #BF40BF;--pixel-orange: #FF6B35;--neon-cyan: #00FFFF;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-gaming: "Jersey 10", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .2);--shadow-gaming: 0 0 20px rgba(0, 255, 65, .3);--transition-fast: .2s ease;--transition-smooth: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--white);background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 50%,var(--light-blue) 100%);overflow-x:hidden}.container{max-width:100%;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xxl) 0;position:relative}#projects,#technologies{min-height:50vh}.section-title{font-family:var(--font-gaming);font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--neon-green);position:relative;text-shadow:0 0 20px rgba(0,255,65,.5)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--neon-green),var(--secondary-blue));border-radius:2px}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden;font-family:var(--font-primary)}.btn-primary{background:linear-gradient(135deg,var(--neon-green),var(--primary-blue));color:var(--black);box-shadow:var(--shadow-md);font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--neon-green);border:2px solid var(--neon-green)}.btn-secondary:hover{background:var(--neon-green);color:var(--black);transform:translateY(-2px);box-shadow:0 0 20px #00ff4180}.btn-gaming{background:linear-gradient(135deg,var(--neon-green),var(--light-blue));color:var(--black);font-family:var(--font-gaming);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center}.btn-gaming:hover{box-shadow:var(--shadow-gaming);transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-up{animation:slideInUp .6s ease forwards}.animate-left{animation:slideInLeft .6s ease forwards}.animate-right{animation:slideInRight .6s ease forwards}@media (max-width: 48em){:root{--spacing-xl: 2rem;--spacing-xxl: 3rem}.container{padding:0 var(--spacing-sm)}.section-title{font-size:2rem}}@media (width <=30em){.section-title{font-size:1.75rem}.btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%;justify-content:center}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}#global-loader{position:fixed;inset:0;z-index:9999;background-color:#0d0d0d;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.loader{width:5em;height:5em;background:linear-gradient(-45deg,#fc00ff,#00dbde);animation:spin 3s infinite;position:relative}.loader:before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:translateZ(0) scale(.95);filter:blur(20px)}@keyframes spin{0%{transform:rotate(-45deg)}50%{transform:rotate(-360deg);border-radius:50%}to{transform:rotate(-45deg)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}