*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--text-primary:#ffffff;--text-secondary:#a1a1aa;--accent-purple:#bd34fe;--accent-blue:#41d1ff;--accent-green:#42d392;--accent-yellow:#fbbf24}body{font-family:'Dosis','Poppins',sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.floating-code{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:90%;background:rgb(20 20 20 / .8);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:2rem;box-shadow:0 20px 60px rgb(0 0 0 / .5);z-index:-1;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}.code-header{display:flex;gap:8px;margin-bottom:1rem}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot:nth-child(1){background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27c93f}.code-content{font-family:'Courier New',monospace;font-size:.9rem;line-height:1.8}.code-line{color:#a1a1aa}.code-tag{color:var(--accent-purple)}.code-attr{color:var(--accent-blue)}.code-string{color:var(--accent-green)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,rgb(189 52 254 / .15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(65 209 255 / .15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgb(66 211 146 / .15) 0%,transparent 50%);pointer-events:none;z-index:0}.dot-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1;animation:dotMove 20s linear infinite}@keyframes dotMove{0%{background-position:0 0}100%{background-position:30px 30px}}header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:1000;background:rgb(10 10 10 / .8);backdrop-filter:blur(10px);border-bottom:1px solid rgb(255 255 255 / .05)}nav{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Merienda','Dosis','Poppins',sans-serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.3s;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue));transition:width 0.3s}.nav-links a:hover::after{width:100%}.cta-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 0 20px rgb(189 52 254 / .3)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgb(189 52 254 / .5)}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1001}.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:rgb(10 10 10 / .95);backdrop-filter:blur(10px);padding:2rem;flex-direction:column;gap:1rem;z-index:999}.mobile-nav.active{display:flex}.mobile-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.75rem 0}.mobile-nav a:hover{color:var(--accent-purple)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;z-index:2}.hero-content{max-width:1400px;width:100%;text-align:center}.hero-title{font-size:clamp(2.5rem, 8vw, 5rem);font-weight:800;line-height:1.1;margin-bottom:16.5rem;background:linear-gradient(135deg,#fff 30%,var(--accent-purple) 60%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,100%{filter:drop-shadow(0 0 20px rgb(189 52 254 / .5))}50%{filter:drop-shadow(0 0 40px rgb(65 209 255 / .5))}}.hero-subtitle{font-size:clamp(1.2rem, 3vw, 1.5rem);color:var(--text-secondary);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;box-shadow:0 0 30px rgb(189 52 254 / .4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px rgb(189 52 254 / .6)}.btn-secondary{background:rgb(255 255 255 / .05);color:#fff;border:2px solid rgb(255 255 255 / .1);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgb(255 255 255 / .1);border-color:var(--accent-purple)}.services{position:relative;padding:8rem 2rem;z-index:2}.section-title{text-align:center;font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:2.5rem;transition:all 0.3s;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(189 52 254 / .1),rgb(65 209 255 / .1));opacity:0;transition:opacity 0.3s}.service-card:hover{transform:translateY(-10px);border-color:var(--accent-purple);box-shadow:0 20px 60px rgb(189 52 254 / .3)}.service-card:hover::before{opacity:1}.service-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgb(189 52 254 / .5))}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.6}.service-features{list-style:none;margin-top:1.5rem}.service-features li{padding:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.service-features li::before{content:'✓';color:var(--accent-green);font-weight:700}.portfolio{position:relative;padding:8rem 2rem;z-index:2;background:rgb(20 20 20 / .3)}.portfolio-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.portfolio-card{background:rgb(20 20 20 / .8);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;overflow:hidden;transition:all 0.3s}.portfolio-card:hover{transform:translateY(-10px);border-color:var(--accent-blue);box-shadow:0 20px 60px rgb(65 209 255 / .3)}.portfolio-image{width:100%;height:250px;object-fit:cover;transition:transform 0.3s}.portfolio-card:hover .portfolio-image{transform:scale(1.05)}.portfolio-content{padding:2rem}.portfolio-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.portfolio-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.portfolio-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s}.portfolio-link:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgb(65 209 255 / .4)}.testimonials{position:relative;padding:8rem 2rem;z-index:2}.testimonials-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:2.5rem;transition:all 0.3s}.testimonial-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:0 15px 40px rgb(66 211 146 / .2)}.stars{color:var(--accent-yellow);font-size:1.2rem;margin-bottom:1rem}.testimonial-text{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.author-info h4{color:var(--text-primary);margin-bottom:.25rem}.author-info p{color:var(--text-secondary);font-size:.9rem}.pricing{position:relative;padding:8rem 2rem;z-index:2;background:rgb(20 20 20 / .3)}.pricing-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.pricing-card{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all 0.3s;position:relative}.pricing-card.featured{border-color:var(--accent-purple);box-shadow:0 0 50px rgb(189 52 254 / .3);transform:scale(1.05)}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600}.pricing-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.pricing-price{font-size:3rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.pricing-features{list-style:none;margin-bottom:2rem;text-align:left}.pricing-features li{padding:.75rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.75rem}.pricing-features li::before{content:'✓';color:var(--accent-green);font-weight:700;font-size:1.2rem}.contact{position:relative;padding:8rem 2rem;z-index:2}.contact-container{max-width:800px;margin:0 auto}.contact-form{background:rgb(20 20 20 / .8);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:3rem}.form-group{margin-bottom:2rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-input,.form-textarea{width:100%;padding:1rem;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all 0.3s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 20px rgb(189 52 254 / .3)}.form-textarea{resize:vertical;min-height:150px}.form-button{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s}.form-button:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgb(189 52 254 / .5)}footer{position:relative;padding:4rem 2rem 2rem;border-top:1px solid rgb(255 255 255 / .05);z-index:2}.footer-content{max-width:1200px;margin:0 auto;display:grid;gap:3rem;text-align:center;margin-bottom:2rem}.footer-section h2{font-size:2rem;margin-bottom:.5rem;font-weight:700}.footer-about .gradient-text{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.footer-about p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:400px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s;font-size:.95rem}.footer-links a:hover{color:var(--accent-purple)}.footer-text{color:var(--text-secondary);font-size:.9rem;text-align:center;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .05)}@media (min-width:769px){.footer-content{grid-template-columns:1fr 1fr;text-align:left;align-items:start}.footer-about{grid-column:1 / 2}.footer-links-section{grid-column:2 / 3}.footer-about p{margin:0}.footer-links,.social-links{justify-content:flex-start}}@media (max-width:768px){.footer-content{position:relative}.social-share-bar{position:absolute;bottom:-4rem;left:50%;transform:translateX(-50%);width:auto}footer{padding-bottom:6rem}}.tech-slider-wrapper{margin:5rem 0 2rem;overflow:hidden}.tech-slider-title{font-size:1.125rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary);text-align:center}.tech-slider{position:relative;width:100%;overflow:hidden;padding:1.5rem 0;background:rgb(20 20 20 / .4);border-radius:15px;border:1px solid rgb(255 255 255 / .05)}.tech-track{display:flex;gap:3rem;animation:scroll 30s linear infinite;width:fit-content}.tech-track:hover{animation-play-state:paused}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:100px;padding:1rem;transition:all 0.3s ease}.tech-item:hover{transform:translateY(-5px)}.tech-item i{font-size:3rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;transition:all 0.3s ease}.tech-item:hover i{transform:scale(1.1)}.tech-item span{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-align:center}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:768px){.tech-slider-title{font-size:1rem}.tech-track{gap:2rem}.tech-item{min-width:80px;padding:.75rem}.tech-item i{font-size:2.5rem}.tech-item span{font-size:.8rem}}@media (max-width:480px){.tech-slider-title{font-size:.95rem;margin-bottom:1.5rem}.tech-track{gap:1.5rem}.tech-item{min-width:70px;padding:.5rem}.tech-item i{font-size:2rem}.tech-item span{font-size:.75rem}.floating-code{padding:1rem;width:95%}.code-content{font-size:.7rem;line-height:1.6}.code-dot{width:8px;height:8px}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:2.5rem}.hero-subtitle{margin-top:2rem}.hero,.services,.testimonials,.pricing,.contact,.saas-section,.portfolio{padding-left:1rem!important;padding-right:1rem!important}.service-card,.testimonial-card,.pricing-card{padding:1.5rem}.saas-card{padding:1.5rem}.portfolio-content{padding:1.5rem}.contact-form{padding:1.5rem}.services-grid,.portfolio-grid,.pricing-grid,.testimonials-grid,.saas-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%;margin:0}.pricing-card.featured{transform:scale(1)}}.error-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:2;margin-top:25px}.error-content{max-width:600px;width:100%;text-align:center;background:rgb(20 20 20 / .8);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);border-radius:20px;padding:4rem 3rem;box-shadow:0 20px 60px rgb(0 0 0 / .5);animation:fadeInUp 0.6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:5rem;margin-bottom:2rem;color:var(--accent-purple);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgb(189 52 254 / .5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgb(189 52 254 / .8))}}.error-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.error-message{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:3rem}.error-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-actions .btn-primary,.error-actions .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem}.error-support{margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .1)}.error-support p{color:var(--text-secondary);font-size:.95rem}.saas-section{position:relative;padding:8rem 2rem;z-index:2}.saas-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.saas-card{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:2.5rem;transition:all 0.3s;position:relative;overflow:hidden}.saas-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(65 209 255 / .1),rgb(66 211 146 / .1));opacity:0;transition:opacity 0.3s;pointer-events:none}.saas-card:hover{transform:translateY(-10px);border-color:var(--accent-blue);box-shadow:0 20px 60px rgb(65 209 255 / .3)}.saas-card:hover::before{opacity:1}.saas-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgb(65 209 255 / .5))}.saas-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.saas-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.saas-features{list-style:none;margin-bottom:1.5rem}.saas-features li{padding:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.saas-features li::before{content:'✓';color:var(--accent-blue);font-weight:700}.saas-link{display:inline-block;color:var(--accent-blue);text-decoration:none;font-weight:600;transition:all 0.3s}.saas-link:hover{color:var(--accent-green);transform:translateX(5px)}.contact-info{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px;padding:2rem;margin-bottom:2rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgb(255 255 255 / .05)}.contact-info-item:last-child{border-bottom:none}.contact-info-item i{font-size:1.5rem;color:var(--accent-purple);width:30px;text-align:center}.contact-info-item a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s}.contact-info-item a:hover{color:var(--accent-purple)}.contact-info-item span{color:var(--text-secondary)}.alert{padding:1.5rem;border-radius:10px;margin-bottom:2rem;font-weight:500;animation:slideDown 0.4s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:rgb(66 211 146 / .1);border:1px solid var(--accent-green);color:var(--accent-green)}.alert-error{background:rgb(239 68 68 / .1);border:1px solid #ef4444;color:#ef4444}.social-links{display:inline-flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-links a{width:45px;height:45px;display:flex;text-decoration:none;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s}.social-links a:hover{border-color:#fff0;color:#fff;transform:translateY(-3px)}.social-icon.facebook:hover{background:#1877F2;box-shadow:0 10px 25px rgb(24 119 242 / .4)}.social-icon.twitter:hover{background:#1DA1F2;box-shadow:0 10px 25px rgb(29 161 242 / .4)}.social-icon.linkedin:hover{background:#0A66C2;box-shadow:0 10px 25px rgb(10 102 194 / .4)}.social-icon.instagram:hover{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF);box-shadow:0 10px 25px rgb(245 133 41 / .4)}.social-icon.github:hover{background:#333;box-shadow:0 10px 25px rgb(51 51 51 / .4)}.social-icon.youtube:hover{background:red;box-shadow:0 10px 25px rgb(255 0 0 / .4)}.social-icon.whatsapp:hover{background:#25D366;box-shadow:0 10px 25px rgb(37 211 102 / .4)}.desktop-only{display:none}@media (min-width:769px){.desktop-only{display:block}.footer-section-title.desktop-only{font-size:1.125rem;margin-bottom:1.25rem;font-weight:600;color:var(--text-primary)}}.sitemap-section{position:relative;z-index:2;min-height:100vh;padding:8rem 2rem 4rem}.sitemap-container{max-width:1000px;margin:0 auto}.sitemap-header{text-align:center;margin-bottom:4rem}.sitemap-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.sitemap-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.sitemap-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:.95rem;color:var(--text-secondary)}.sitemap-meta span{display:flex;align-items:center;gap:.5rem}.sitemap-meta i{color:var(--accent-purple)}.sitemap-content{display:grid;gap:2rem}.sitemap-group{background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);border-radius:16px;padding:2rem;transition:all 0.3s ease}.sitemap-group:hover{border-color:var(--accent-purple);box-shadow:0 10px 30px rgb(168 85 247 / .2)}.sitemap-group-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.sitemap-group-title i{color:var(--accent-purple);font-size:1.25rem}.sitemap-count{margin-left:auto;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:rgb(168 85 247 / .1);padding:.25rem .75rem;border-radius:20px}.sitemap-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.sitemap-item{border-bottom:1px solid rgb(255 255 255 / .05);padding:.75rem 0}.sitemap-item:last-child{border-bottom:none}.sitemap-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;transition:all 0.3s ease;padding:.5rem;border-radius:8px}.sitemap-link:hover{color:var(--accent-purple);background:rgb(168 85 247 / .05);transform:translateX(5px)}.sitemap-link i{color:var(--accent-blue);font-size:.875rem;transition:transform 0.3s ease}.sitemap-link:hover i{transform:translateX(3px);color:var(--accent-purple)}.sitemap-link span{flex:1}@media (max-width:768px){.sitemap-section{padding:6rem 1.5rem 3rem}.sitemap-title{font-size:2.5rem}.sitemap-subtitle{font-size:1rem}.sitemap-meta{flex-direction:column;gap:.75rem}.sitemap-group{padding:1.5rem}.sitemap-group-title{font-size:1.25rem;flex-wrap:wrap}.sitemap-count{margin-left:0;margin-top:.5rem}}.social-share-bar{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .05);border-radius:8px;margin-top:1.5rem}.share-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.share-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:all 0.3s ease;font-size:.875rem}.share-btn:hover{transform:translateY(-2px);border-color:#fff0;color:#fff}.share-btn.facebook:hover{background:#1877F2;box-shadow:0 8px 20px rgb(24 119 242 / .4)}.share-btn.twitter:hover{background:#1DA1F2;box-shadow:0 8px 20px rgb(29 161 242 / .4)}.share-btn.linkedin:hover{background:#0A66C2;box-shadow:0 8px 20px rgb(10 102 194 / .4)}.share-btn.whatsapp:hover{background:#25D366;box-shadow:0 8px 20px rgb(37 211 102 / .4)}@media (max-width:768px){.desktop-only{display:none}.error-content{padding:3rem 2rem}.error-title{font-size:2rem}.error-icon{font-size:4rem}.error-actions{flex-direction:column;gap:1rem}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%;justify-content:center}.saas-grid{grid-template-columns:1fr}}.portfolio-details-section{position:relative;min-height:100vh;padding:8rem 2rem 4rem;z-index:2}.portfolio-details-container{max-width:1400px;margin:0 auto;animation:fadeInUp 0.6s ease-out}.back-button-wrapper{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:10px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all 0.3s;backdrop-filter:blur(10px)}.back-button:hover{background:rgb(255 255 255 / .1);border-color:var(--accent-purple);color:var(--text-primary);transform:translateX(-5px)}.back-button i{font-size:1rem}.project-header{margin-bottom:3rem;text-align:center;animation:fadeInDown 0.6s ease-out}.project-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1.2}.project-category{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,rgb(189 52 254 / .2),rgb(65 209 255 / .2));border:1px solid rgb(189 52 254 / .3);border-radius:20px;color:var(--accent-purple);font-weight:500;backdrop-filter:blur(10px)}.project-image-wrapper{margin-bottom:4rem;border-radius:20px;overflow:hidden;border:1px solid rgb(255 255 255 / .1);box-shadow:0 20px 60px rgb(0 0 0 / .5);animation:zoomIn 0.8s ease-out}@keyframes zoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.project-main-image{width:100%;height:auto;max-height:600px;object-fit:cover;display:block;transition:transform 0.5s}.project-image-wrapper:hover .project-main-image{transform:scale(1.05)}.project-content-grid{display:grid;grid-template-columns:1fr 350px;gap:3rem;margin-bottom:4rem}.project-main-content{animation:fadeInLeft 0.6s ease-out}.content-heading{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.content-heading i{color:var(--accent-purple);font-size:1.5rem}.project-description{color:var(--text-secondary);line-height:1.8;font-size:1.1rem;margin-bottom:3rem;padding:2rem;background:rgb(20 20 20 / .6);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .05);border-radius:16px}.technologies-section{margin-bottom:3rem}.content-subheading{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.content-subheading i{color:var(--accent-blue)}.tech-badges{display:flex;flex-wrap:wrap;gap:1rem}.tech-badge{padding:.6rem 1.2rem;background:linear-gradient(135deg,rgb(189 52 254 / .1),rgb(65 209 255 / .1));border:1px solid rgb(189 52 254 / .3);border-radius:8px;color:var(--accent-blue);font-weight:500;font-size:.95rem;transition:all 0.3s;backdrop-filter:blur(10px)}.tech-badge:hover{background:linear-gradient(135deg,rgb(189 52 254 / .2),rgb(65 209 255 / .2));border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 5px 15px rgb(189 52 254 / .3)}.project-links{display:flex;gap:1.5rem;flex-wrap:wrap}.project-action-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s;border:none;cursor:pointer}.primary-action{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;box-shadow:0 0 30px rgb(189 52 254 / .4)}.primary-action:hover{transform:translateY(-3px);box-shadow:0 0 50px rgb(189 52 254 / .6)}.secondary-action{background:rgb(255 255 255 / .05);color:var(--text-primary);border:2px solid rgb(255 255 255 / .1);backdrop-filter:blur(10px)}.secondary-action:hover{background:rgb(255 255 255 / .1);border-color:var(--accent-blue);color:var(--accent-blue)}.project-sidebar{margin-top:4.3rem;animation:fadeInRight 0.6s ease-out}.sidebar-card{background:rgb(20 20 20 / .8);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);border-radius:16px;padding:1.5rem;margin-bottom:2rem;transition:all 0.3s}.sidebar-card:hover{border-color:var(--accent-purple);box-shadow:0 10px 40px rgb(189 52 254 / .2);transform:translateY(-5px)}.sidebar-title{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:1px solid rgb(255 255 255 / .1)}.sidebar-title i{color:var(--accent-purple)}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.sidebar-item{display:flex;flex-direction:column;gap:.5rem}.sidebar-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.sidebar-label i{color:var(--accent-blue);width:16px}.sidebar-value{color:var(--text-primary);font-weight:600;font-size:1rem;padding-left:1.5rem}.share-card .sidebar-title i{color:var(--accent-green)}.share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sidebar-card.technologies-section .sidebar-title i{color:var(--accent-blue)}.sidebar-card .tech-badges{display:flex;flex-wrap:wrap;gap:.75rem}.project-links-card{padding:1.5rem}.project-links-card .project-links{display:flex;flex-direction:column;gap:1rem}.project-links-card .project-action-btn{width:100%;justify-content:center}.share-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:10px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);color:var(--text-secondary);font-size:1.2rem;text-decoration:none;transition:all 0.3s;backdrop-filter:blur(10px)}@media (max-width:768px){.share-btn{font-size:1rem}}.share-btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgb(0 0 0 / .3)}.facebook-share:hover{background:#1877F2;border-color:#1877F2;color:#fff}.twitter-share:hover{background:#000;border-color:#000;color:#fff}.linkedin-share:hover{background:#0077B5;border-color:#0077B5;color:#fff}.whatsapp-share:hover{background:#25D366;border-color:#25D366;color:#fff}.bottom-action{text-align:center;padding:3rem 0;border-top:1px solid rgb(255 255 255 / .1);animation:fadeInUp 0.6s ease-out 0.3s backwards}.contact-cta-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 3rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;text-decoration:none;font-weight:600;font-size:1.2rem;border-radius:12px;transition:all 0.3s;box-shadow:0 0 40px rgb(189 52 254 / .4)}.contact-cta-btn:hover{transform:translateY(-5px);box-shadow:0 0 60px rgb(189 52 254 / .6)}.contact-cta-btn i{font-size:1.1rem}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-content-grid{grid-template-columns:1fr}.project-sidebar{order:2;margin-top:0}}@media (max-width:768px){.portfolio-details-section{padding:6rem 1rem 3rem}.project-title{font-size:1.5rem}.project-main-image{max-height:400px}.project-links{flex-direction:column;justify-content:center}.project-action-btn{width:100%;justify-content:center;font-size:.9rem;padding:.875rem 1.5rem}.share-buttons{grid-template-columns:repeat(4,1fr);gap:.75rem}.share-btn{font-size:1rem}.content-heading,.content-subheading{font-size:1.5rem}.project-description{padding:1rem;font-size:1rem}.tech-badges{gap:.75rem}.tech-badge{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:480px){.project-content-grid{gap:1rem}.back-button span{display:none}.back-button{padding:.75rem;width:45px;height:45px;justify-content:center;border-radius:50%}.project-category{font-size:.9rem;padding:.4rem 1rem}.share-buttons{grid-template-columns:repeat(4,1fr)}.contact-cta-btn{padding:.875rem 1.5rem;font-size:.9rem}}.hero-badges{display:flex;gap:2rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.hero-badge{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);font-weight:600}.hero-badge i{color:var(--accent-green);font-size:1.2rem}.about-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.about-content{max-width:900px;margin:2rem auto 0;text-align:center}.about-content p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem;opacity:0;transform:translateY(20px)}.about-content p.visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease}.process-section{padding:6rem 2rem;max-width:1400px;margin:0 auto}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.process-step{position:relative;background:rgb(20 20 20 / .6);border:1px solid rgb(255 255 255 / .1);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all 0.3s ease}.process-step:hover{transform:translateY(-10px);border-color:var(--accent-purple);box-shadow:0 20px 60px rgb(189 52 254 / .3)}.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 5px 20px rgb(189 52 254 / .5)}.step-icon{font-size:3rem;margin:1.5rem 0 1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.step-description{color:var(--text-secondary);line-height:1.6;font-size:1rem}.faq-section{padding:6rem 2rem;max-width:900px;margin:0 auto}.faq-container{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.faq-item{background:rgb(20 20 20 / .6);border:1px solid rgb(255 255 255 / .1);border-radius:15px;overflow:hidden;transition:all 0.3s ease}.faq-item:hover{border-color:var(--accent-purple)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer;user-select:none}.faq-question h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.faq-icon{font-size:1rem;color:var(--accent-purple);transition:transform 0.3s ease}.faq-icon.active{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.faq-answer.active{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:var(--text-secondary);line-height:1.8;font-size:1rem}@media (max-width:768px){.hero-badges{gap:1rem;font-size:.9rem;justify-content:center}.about-content p{font-size:1rem}.process-grid{grid-template-columns:1fr;gap:3rem}.process-step{padding:2rem 1.5rem}.step-icon{font-size:2.5rem}.faq-question{padding:1.25rem 1.5rem}.faq-question h3{font-size:1rem}.faq-answer.active{padding:0 1.5rem 1.25rem}}@media (max-width:480px){.hero-badges{flex-direction:column;gap:.75rem;margin:1.5rem 0;justify-content:center;align-items:center}.hero-badge{font-size:.875rem}}

/* Personal Image in Hero Section */
.hero-image-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

.hero-profile-image {
    max-width: 300px;
    max-height: 300px;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid rgba(189, 52, 254, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 100px rgba(189, 52, 254, 0.3);
    filter: blur(0.1px);
}

@media (max-width: 768px) {
    .hero-profile-image {
        max-width: 200px;
        max-height: 200px;
    }
}

@media (max-width: 480px) {
    .hero-profile-image {
        max-width: 350px;
        max-height: 350px;
    }
    .hero-image-wrapper {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
    }
}