:root{--primary: #4B0082;--primary-light: #7f28b6;--bg-color: #050505;--text-color: #ffffff;--text-muted: #cccccc;--font-main: "Inter", system-ui, -apple-system, sans-serif;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-text: #ffffff;--input-placeholder: rgba(255, 255, 255, .3);--nav-bg: rgba(5, 5, 5, .8);--nav-border: transparent;--secondary-btn-bg: rgba(255, 255, 255, .1);--secondary-btn-text: #ffffff;--secondary-btn-border: rgba(255, 255, 255, .2);--footer-bg: #050505;--section-bg: transparent;--stat-bg: #111;--stat-border: #222;--prime: #7f28b6}[data-theme=light]{--bg-color: #ffffff;--text-color: #1a1a1a;--text-muted: #4a4a4a;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(0, 0, 0, .1);--input-bg: rgba(0, 0, 0, .05);--input-border: rgba(0, 0, 0, .1);--input-text: #1a1a1a;--input-placeholder: rgba(0, 0, 0, .4);--nav-bg: rgba(255, 255, 255, .8);--nav-border: rgba(0, 0, 0, .05);--secondary-btn-bg: rgba(0, 0, 0, .05);--secondary-btn-text: #1a1a1a;--secondary-btn-border: rgba(0, 0, 0, .1);--footer-bg: #f5f5f7;--section-bg: transparent;--stat-bg: #f5f5f7;--stat-border: #e5e5e5;--prime: #4B0082}[data-theme=light] #canvas-container{background:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .3s,color .3s}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a052e,#000);transition:background .5s}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;position:fixed;width:100%;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);transition:background-color .3s,border-color .3s}.logo{display:flex;align-items:center;gap:1rem;font-weight:800;font-size:1.5rem;letter-spacing:1px}[data-theme=light] .logo svg path{fill:var(--text-color)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:600;transition:color .3s;white-space:nowrap}.nav-links a:hover{color:var(--primary-light)}.hamburger{display:none;background:transparent;border:none;cursor:pointer;z-index:1001;padding:0;width:2rem;height:2rem;flex-direction:column;justify-content:space-around}.hamburger span{width:2rem;height:2px;background:var(--text-color);border-radius:10px;transition:all .3s ease-in-out;position:relative;transform-origin:3.5px}.mobile-menu{display:flex;align-items:center;gap:2rem}@media(max-width:900px){.navbar{padding:1.5rem}.nav-links{gap:1rem}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;padding:1rem 1.5rem 1.5rem;background:var(--nav-bg);border-top:1px solid var(--card-border);flex-direction:column;align-items:flex-start;gap:1.5rem;box-shadow:0 10px 30px #0000001a}.hamburger{display:flex;order:3}.navbar.is-open .mobile-menu{display:flex}.navbar.is-open .hamburger span:nth-child(1){transform:translateY(10px) rotate(45deg)}.navbar.is-open .hamburger span:nth-child(2){opacity:0;transform:translate(20px)}.navbar.is-open .hamburger span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}}.lang-btn{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:.5rem 1rem;cursor:pointer;font-family:inherit;font-weight:600;transition:all .3s}.lang-btn:hover{background:var(--text-color);color:var(--bg-color)}.theme-btn{background:transparent;border:1px solid var(--text-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.theme-btn:hover{background:var(--text-color);color:var(--bg-color)}.theme-btn .sun-icon{display:none}.theme-btn .moon-icon,[data-theme=light] .theme-btn .sun-icon{display:block}[data-theme=light] .theme-btn .moon-icon{display:none}.hero{height:100vh;display:flex;align-items:center;padding:0 4rem;position:relative;pointer-events:none}.hero-content{pointer-events:auto;max-width:600px}.hero h1{font-size:5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--text-color);height:360px}[data-theme=dark] .hero h1{background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;color:var(--text-muted);margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.cta-btn{background:var(--text-color);color:var(--bg-color);border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #8080801a}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #8080804d;opacity:.9}.secondary-btn{background:var(--secondary-btn-bg);color:var(--secondary-btn-text);border:1px solid var(--secondary-btn-border);padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.secondary-btn:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.services{min-height:100vh;padding:4rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}.services h2{font-size:3rem;margin-bottom:3rem;text-align:center}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{padding:2rem;border-radius:12px;transition:transform .3s;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-10px);border-color:var(--primary-light)}.card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-light)}.card p{color:var(--text-muted);line-height:1.6}.expertise-section{padding:6rem 4rem;position:relative;z-index:10}.expertise-section h2{font-size:3rem;margin-bottom:3rem;text-align:center}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:start}.expertise-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:1.5rem;overflow:hidden;transition:all .5s ease-in-out;padding:50px 40px;min-height:255px;align-self:start}.expertise-item:hover{transform:scale(1.05);z-index:20;border-color:var(--primary);box-shadow:0 30px 60px #0000001a}.expertise-item:hover svg{color:var(--primary-light);transform:scale(1.1)}.expertise-item svg{color:var(--text-color);transition:all .3s}[data-theme=light] .expertise-item svg{color:var(--primary)}.expertise-item h3{font-size:1.5rem;color:var(--text-color);font-weight:600;margin:0;margin-bottom:.5rem}.expertise-item p{color:var(--text-muted)}.work-section{padding:6rem 4rem;position:relative;z-index:10}.work-section h2{font-size:3rem;margin-bottom:3rem;text-align:center}.work-carousel{position:relative;overflow:hidden;max-width:100%;padding:2rem 0}.work-slides{display:flex;transition:transform .5s ease-in-out;gap:1rem}.work-card{flex-shrink:0;min-width:0;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;overflow:hidden;transition:all .4s;border:1px solid var(--card-border)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--secondary-btn-bg);color:var(--secondary-btn-text);border:none;padding:.5rem 1rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.prev-btn{left:1rem}.next-btn{right:1rem}.work-card:hover{transform:translateY(-10px);border-color:var(--text-muted);box-shadow:0 20px 40px #0000001a}.work-image{height:200px;width:100%;background-size:cover;background-position:center}.placeholder-gradient-1{background:linear-gradient(135deg,#2a0845,#6441a5)}.placeholder-gradient-2{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.placeholder-gradient-3{background:linear-gradient(135deg,#11998e,#38ef7d)}.work-info{padding:2rem}.work-category{color:var(--primary-light);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:.5rem;font-weight:600}.work-info h3{font-size:1.5rem;color:var(--text-color)}.why-fausto-section{padding:6rem 4rem;background:var(--section-bg);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10}.why-content h2{font-size:3rem;margin-bottom:1.5rem}.why-content p{font-size:1.2rem;color:var(--text-muted);line-height:1.6}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-item{text-align:left;padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;justify-content:center;gap:.5rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-item:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:0 20px 40px -10px #4b008233;z-index:10}.stat-icon{color:var(--primary-light);margin-bottom:.5rem;transition:transform .4s ease}.stat-item:hover .stat-icon{transform:translateY(-5px) scale(1.1)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--text-color);line-height:1.1}.stat-label{display:block;color:var(--text-muted);font-size:.9rem;font-weight:500;letter-spacing:.5px}.contact-section{padding:6rem 4rem;position:relative;z-index:10}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.contact-info h2{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.1}.contact-info p{font-size:1.2rem;color:var(--text-muted);margin-bottom:3rem}.contact-details a{display:block;color:var(--text-color);text-decoration:none;font-size:1.5rem;margin-bottom:1rem;transition:color .3s}.contact-details a:hover{color:var(--primary-light)}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:var(--card-bg);padding:3rem;border-radius:4px;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-left:.5rem}.form-group input,.form-group textarea{padding:1.2rem 1.5rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:12px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-color);background:var(--input-bg);box-shadow:0 0 0 4px #8080801a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--input-placeholder)}.consent-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.consent-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-color);cursor:pointer;opacity:.8;transition:opacity .3s}.consent-label:hover{opacity:1}.consent-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-light);background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center}.consent-label input[type=checkbox]:checked{background-color:var(--prime);border-color:var(--prime)}.consent-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.form-status{padding:15px;border-radius:8px;font-size:.95rem;display:none;margin-bottom:20px;animation:fadeIn .3s ease-in-out}.form-status.success{display:block;background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.form-status.error{display:block;background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.submit-btn{background:var(--text-color);color:var(--bg-color);border:none;padding:1.2rem;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:12px;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.submit-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.footer{padding:3rem 4rem;border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);font-size:.9rem;position:relative;z-index:10;background:var(--footer-bg)}.footer a{color:var(--primary-light);text-decoration:none}@media(max-width:768px){.hero h1{font-size:3rem;height:100%}.navbar{padding:1.5rem}.hero{padding:0 1.5rem}.services{padding:2rem 1.5rem}.why-fausto-section,.contact-container{grid-template-columns:1fr;gap:3rem}.hero-buttons{flex-direction:column}.expertise-section,.work-section,.why-fausto-section,.contact-section,.footer{padding:4rem 1.5rem}.contact-form{padding:1.5rem}.contact-info h2{font-size:2.5rem}}.logo-dark{display:block}.logo-light,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light{display:block}.process-section{padding:6rem 4rem;position:relative;z-index:10;text-align:center}.process-section h2{font-size:3rem;margin-bottom:4rem}.process-timeline{max-width:800px;margin:0 auto;position:relative;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.process-timeline:before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background:var(--card-border)}.timeline-item{display:flex;gap:2rem;margin-bottom:3rem;text-align:left;position:relative;padding-left:60px}.timeline-step{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;border:3px solid var(--bg-color)}[data-theme=light] .timeline-step{border-color:var(--bg-color)}.timeline-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.timeline-content p{color:var(--text-muted);line-height:1.6}@media(max-width:768px){.process-section{padding:4rem 1.5rem}.process-timeline:before{left:19px}.timeline-item{padding-left:50px;gap:1.5rem}}.work-description{color:var(--text-muted);font-size:1rem;margin-top:1rem;line-height:1.6}.tech-stack-section{padding:6rem 4rem;text-align:center;position:relative;z-index:10}.tech-stack-section h2{font-size:3rem;margin-bottom:4rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.tech-item{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);padding:2rem;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s;font-weight:600;font-size:1.1rem}.tech-item:hover{transform:translateY(-5px);border-color:var(--primary);color:var(--primary-light)}.cta-banner-section{padding:0 4rem 6rem;position:relative;z-index:10}.cta-banner{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:4rem;display:flex;justify-content:space-between;align-items:center;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-banner h2{font-size:2.5rem;margin:0}@media(max-width:768px){.cta-banner{flex-direction:column;text-align:center;gap:2rem;padding:3rem 1.5rem}.cta-banner h2{font-size:2rem}}.expertise-description{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out,margin-top .5s ease-out;margin-top:0}.expertise-item.is-expanded .expertise-description{max-height:200px;opacity:1;margin-top:1rem}.dropdown-arrow{position:absolute;bottom:20px;right:20px;transition:transform .3s ease;color:var(--text-muted)}.expertise-item.is-expanded .dropdown-arrow{transform:rotate(180deg);color:var(--primary-light)}.expertise-item.is-expanded{padding-bottom:3rem}@media(max-width:768px){.expertise-grid{grid-template-columns:1fr}}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:4px}.glow-on-hover:active{color:#000}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:var(--bg-color);left:0;top:0;border-radius:4px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}