.content-section{overflow:hidden;padding:1.2rem 0}.grid-layout{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr}.content-image{border-radius:8px;box-shadow:0 5px 15px #0000001a;width:100%}.gradient-title{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:1rem}.animated-element{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.slide-in{transform:translate(-50px)}.slide-in-right{transform:translate(50px)}.animated-element.visible{opacity:1;transform:translate(0)}@media(min-width:768px){.grid-layout{grid-template-columns:1fr 1fr}.image-on-left .animated-element:first-child{order:1}.image-on-left .animated-element:last-child,.image-on-right .animated-element:first-child{order:2}.image-on-right .animated-element:last-child{order:1}}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300 800;src:url(../fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300 800;src:url(../fonts/outfit-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#39a5c7;--primary-color-rgb:57,165,199;--primary-hover-color:#2b829e;--primary-dark-color:#1f5f73;--secondary-color:#1a1a1a;--secondary-hover-color:#333;--accent-color:#f97316;--text-color:#2c3e50;--text-light:#64748b;--text-inverse:#fff;--background-color:#f8fafc;--background-alt-color:#f1f5f9;--background-white:#fff;--glass-bg:hsla(0,0%,100%,.75);--glass-border:hsla(0,0%,100%,.4);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.05);--footer-background:#0f172a;--footer-text:#94a3b8;--footer-link-hover:#fff;--font-family:"Outfit",sans-serif;--container-max-width:1200px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--error-color:#ef4444;--success-color:#10b981}html{font-size:16px;line-height:1.6;scroll-behavior:smooth}body,html{min-height:100vh}body{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex-grow:1}a{color:inherit;text-decoration:none;transition:all .3s ease}img,video{border-radius:var(--radius-sm);height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--secondary-color);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5em}p{color:var(--text-light);margin-bottom:1.2em}.container{margin:0 auto;padding:0 1.5rem;width:100%}@media(min-width:1200px){.container{max-width:var(--container-max-width);padding:0}}.button{align-items:center;border:1px solid transparent;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.button.button-primary{background-color:var(--primary-color);box-shadow:0 4px 14px rgba(var(--primary-color-rgb),.39);color:#fff}.button.button-primary:hover:not([disabled]){background-color:var(--primary-hover-color);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4)}.button.button-secondary{background-color:var(--background-white);border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;color:var(--secondary-color)}.button.button-secondary:hover:not([disabled]){border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.button[disabled]{cursor:not-allowed;opacity:.6}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:2rem;transition:box-shadow .3s ease}.glass-card:hover{box-shadow:0 12px 40px #1f26871a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}
