:root{--primary-gradient:linear-gradient(90deg,#00111f,#185c91);--primary-color:#1772b9;--secondary-color:#deaf52;--accent-color:#ff6b6b;--text-color:#333;--bg-color:#fafafa;--white:#fff;--shadow:0 5px 15px rgba(0,0,0,.08);--border-radius:15px;--container-width:1200px;--padding-standard:.5rem}#particles-js-hero{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Mulish,sans-serif;line-height:1.6}.container{animation:fadeInUp 1s ease;margin:0 auto;max-width:var(--container-width);padding:0 20px}.section-container{display:flex;flex-direction:column;height:100%;justify-content:space-around;min-height:calc(100vh - 72px);padding:30px 20px}button{font-family:inherit}section:first-of-type{padding-top:120px}section h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:3rem}.hero,section h2{text-align:center}.hero{background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;height:100%;min-height:100vh;position:relative}.hero h1{animation:fadeInUp 1s ease;font-size:3rem;margin-bottom:1rem}.text-container p{animation:fadeInUp 1s ease .2s both;font-size:1.3rem;margin-bottom:2rem;margin-top:2.5rem;opacity:1}#hero-container{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;position:relative;z-index:2}.hero-content{align-items:center;display:flex;gap:4rem;justify-content:space-between;padding-bottom:4rem;width:100%}.hero-content .text-container{text-align:left;width:50%}.hero-actions{animation:fadeInUp 1s ease .4s both;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}#image-container{animation:fadeInUp 1s ease;display:flex;justify-content:flex-end;text-align:right;width:50%}#image-container img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));max-width:600px;width:100%}.cta-button{background:var(--secondary-color);border:2px solid var(--secondary-color);border-radius:30px;color:#000;cursor:pointer;display:inline-block;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s;width:-moz-fit-content;width:fit-content}.cta-button:hover{background:#cf992c;border-color:#cf992c;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.cta-button.outline{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:transparent;border:2px solid hsla(0,0%,100%,.3);color:#fff}.cta-button.outline:hover{background:#fff;border-color:#fff;color:var(--primary-color)}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:1rem;max-width:98%;padding:.6rem;transition:border-color .3s;width:100%}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.tool-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:background .3s;width:100%}.tool-button:hover{background:#48adfb}.result{background:#f0f4f8;border-left:4px solid var(--primary-color);border-radius:10px;margin-top:2rem;padding:1.5rem}.resultError{border-left:4px solid var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width:900px){.hero h1{font-size:2.2rem}.hero-content{flex-direction:column-reverse;gap:2rem;justify-content:center;padding-bottom:2rem;text-align:center}.hero-content .text-container{padding:0 1rem;text-align:center;width:100%}.hero-actions{align-items:center;flex-direction:column;gap:1rem;justify-content:center;width:100%}.cta-button{max-width:350px;text-align:center;width:100%}#image-container{justify-content:center;margin-top:1rem;text-align:center;width:100%}#image-container img{max-width:90%;width:100%}.sectors{flex-direction:column}.sector{width:100%}}section{scroll-margin-top:70px}