:root{--bg-color: #000000;--card-bg-color: #141414;--border-color: #333333;--primary-color: #F91D26;--primary-hover-color: #D3121B;--text-color: #FFFFFF;--text-muted-color: #AAAAAA;--font-family: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color)}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:100}.logo-link{cursor:pointer;line-height:0}.logo{height:45px;object-fit:contain}.nav{display:flex;gap:2rem}.nav a{color:var(--text-muted-color);text-decoration:none;font-weight:600;transition:color .3s ease;cursor:pointer}.nav a:hover{color:var(--text-color)}.header-actions{display:flex;align-items:center;gap:1rem}.lang-switcher{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s,border-color .3s}.lang-switcher:hover{background-color:var(--card-bg-color);border-color:var(--primary-color)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:25px;height:3px;background-color:var(--text-color);border-radius:3px;transition:all .3s ease}.hero{display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem;min-height:100vh;background-image:radial-gradient(circle at 50% 50%,rgba(249,29,38,.15),transparent 70%)}.hero-content{max-width:800px}.hero h1{font-size:3.5rem;font-weight:700}.hero h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--text-muted-color);max-width:600px;margin:0 auto 2rem}.cta-button{background-color:var(--primary-color);color:var(--text-color);border:none;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s,transform .3s}.cta-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-visible{opacity:1;transform:translateY(0)}.content-section{padding:6rem 5%;max-width:1200px;margin:0 auto;text-align:center;border-top:1px solid var(--border-color)}.hero+.content-section{border-top:none}.content-section h2{font-size:2.5rem;margin-bottom:1rem}.section-description{font-size:1.1rem;color:var(--text-muted-color);max-width:700px;margin:0 auto 3rem}.card-grid{display:grid;gap:1.5rem;text-align:left}.card-grid.one-col{grid-template-columns:1fr}.card-grid.three-cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid.two-cols{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background-color:var(--card-bg-color);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:transform .3s,border-color .3s}.card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.card-title-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-title-container .material-symbols-outlined{font-size:2rem;color:var(--primary-color)}.card h3{font-size:1.5rem;color:var(--text-color)}.card p{color:var(--text-muted-color)}.portfolio-card{display:flex;flex-direction:column}.portfolio-image-container{width:100%;aspect-ratio:16 / 9;border-radius:8px;margin-bottom:1.5rem;overflow:hidden;border:1px solid var(--border-color)}.portfolio-image-container img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-card p{flex-grow:1;margin-bottom:1.5rem}.portfolio-actions{margin-top:auto}.portfolio-actions .cta-button{width:100%;text-align:center}.cta-button.secondary{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.cta-button.secondary:hover{background-color:var(--primary-color);color:var(--text-color)}.portfolio-contact-cta{display:flex;flex-direction:column;gap:.75rem;width:100%}.portfolio-contact-cta p{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;flex-grow:0}.portfolio-contact-cta .cta-button{width:100%;text-align:center}.about-card{display:flex;flex-direction:column;align-items:center;text-align:center}.about-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:3px solid var(--border-color);transition:border-color .3s}.about-card:hover .about-image{border-color:var(--primary-color)}.about-card h3{margin-bottom:.25rem}.about-title{color:var(--text-muted-color);font-weight:600;margin-bottom:.5rem}.person-socials{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}.faq-container{max-width:800px;margin:0 auto;text-align:left}.faq-item{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:border-color .3s,transform .3s}.faq-item:hover{border-color:var(--primary-color)}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:transparent}.faq-question h3{font-size:1.1rem;margin:0;color:var(--text-color);font-weight:600}.faq-question .material-symbols-outlined{color:var(--primary-color);font-size:1.5rem;transition:transform .3s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#ffffff05}.faq-item.active .faq-answer{max-height:500px;border-top:1px solid var(--border-color)}.faq-answer p{padding:1.5rem;color:var(--text-muted-color);margin:0}.person-socials a{color:var(--text-muted-color);transition:color .3s ease,transform .3s ease;line-height:0}.person-socials a:hover{color:var(--primary-color);transform:translateY(-2px)}.person-socials svg{width:20px;height:20px;fill:currentColor}.about-description{text-align:left;white-space:pre-wrap;flex-grow:1;margin-bottom:1.5rem}.about-description .inline-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:text-decoration .3s}.about-description .inline-link:hover{text-decoration:underline}.contact-section{background-color:var(--card-bg-color);border-radius:12px;margin:6rem auto;max-width:90%;border-top:none}.contact-email{margin-top:1.5rem;font-size:1rem;color:var(--text-muted-color)}.contact-email a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:text-decoration .3s}.contact-email a:hover{text-decoration:underline}.footer{padding:3rem 5% 2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted-color);display:flex;flex-direction:column;align-items:center}.footer-logo{margin-bottom:1.5rem}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-nav a{color:var(--text-muted-color);text-decoration:none;font-weight:600;cursor:pointer;transition:color .3s ease}.footer-nav a:hover{color:var(--text-color)}@media(max-width:900px){.header{justify-content:space-between}.nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:1rem 0;text-align:center}.nav-open,.menu-toggle{display:flex}.nav a{padding:1rem 0}.hero h1{font-size:2.5rem}.hero h2{font-size:1.8rem}.card-grid.two-cols{grid-template-columns:1fr}}@media(max-width:600px){.header{justify-content:space-between}.nav{order:1}.hero{padding:6rem 1rem}.content-section{padding:4rem 5%}.card-grid.three-cols{grid-template-columns:1fr}.footer-nav{flex-direction:column;gap:.5rem}}@media(min-width:601px){.hero h2{white-space:nowrap}}@media(min-width:901px){.header{justify-content:space-between}.nav{display:flex}}
