.article{width:80%;margin:150px auto;padding:2rem 1.5rem;font-family:Inter,-apple-system,sans-serif;color:#333;line-height:1.6}@media(max-width:1024px){.article{width:100%;margin-top:100px;margin-bottom:50px}}.article-header{margin-bottom:2.5rem;text-align:center}.article-header h1{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.2;-webkit-background-clip:text;background-clip:text}.article-image{width:100%;height:500px}.article-image img{object-fit:cover;object-position:center;width:100%;height:100%}.article-content h2{font-size:1.5rem;font-weight:600;color:#252525;margin:2rem 0 1.5rem;line-height:1.3}.article-content p{font-size:1.1rem;margin-bottom:1.5rem;color:#4a5568}.article-content p span{font-weight:600;color:#2d3748;display:inline-block;margin:1.5rem 0 .5rem;font-size:1.25rem;position:relative}.article-content p span:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:3px}.article-content ul{margin:1.5rem 0;padding-left:1.5rem}.article-content ul li{margin-bottom:.75rem;position:relative;padding-left:1.5rem;font-size:1.1rem;color:#4a5568}.article-content ul li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background-color:#4f46e5;border-radius:50%}.article-content button{font-size:16px;font-weight:700;color:#fff;padding:8px 26px;width:-moz-fit-content;width:fit-content;border:none;font-family:Exo\ 2,sans-serif;background-color:#7498a4;height:-moz-fit-content;height:fit-content;cursor:pointer;position:relative;overflow:hidden;transition:color .5s ease;border-radius:0;margin-top:50px}.article-content button:hover{background:linear-gradient(90deg,rgb(65,67,68),rgb(112,177,199));background-size:200% 100%;animation:gradientAnimation 1s ease infinite}@media(max-width:768px){.article{padding:1.5rem 1rem}.article-header h1{font-size:2rem}.article-image{height:300px;margin-bottom:2rem}.article-content h2{font-size:1.3rem}.article-content p{font-size:1rem}.article-content p span{font-size:1.15rem}.article-content ul li{font-size:1rem}.article-content button{width:100%;padding:.75rem}}.trassi{width:100%;margin:0 auto;padding:175px 1rem;font-family:Inter,system-ui,sans-serif;color:#1a1a1a;line-height:1.7}.trassi .article-header{margin-bottom:3rem;text-align:center;position:relative}.trassi .article-header h1{font-size:2.8rem;font-weight:800;-webkit-background-clip:text;background-clip:text;color:#000;margin-bottom:1.5rem;line-height:1.2;position:relative;z-index:2}.trassi .article-header:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#000;border-radius:2px}.trassi .article-image{overflow:hidden;margin-bottom:3.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);position:relative;transition:transform .3s ease;width:70%;margin-left:auto;margin-right:auto}.trassi .article-image img{object-fit:contain;width:100%;height:100%}.trassi .article-content{max-width:1100px;margin-left:auto;margin-right:auto}.trassi .article-content h2{font-size:1.6rem;font-weight:700;color:#000;margin:3.5rem 0 1.5rem;line-height:1.4;position:relative;padding-left:1.5rem}.trassi .article-content h2:before{content:"";position:absolute;left:0;top:.35em;width:6px;height:1.2em;background:linear-gradient(180deg,#808686,#c3d9e0);border-radius:3px}.trassi .article-content p{margin-bottom:1.8rem;font-size:1.1rem;color:#3f3f46}.trassi .article-content p:first-of-type{font-size:1.2rem;line-height:1.8;color:#52525b}.trassi .article-content p span{font-weight:700;color:#3a3a3a;display:block;margin:3rem 0 1rem;font-size:1.4rem;position:relative;padding-left:1.2rem}.trassi .article-content p span:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:1em;background:linear-gradient(180deg,#808686,#c3d9e0);border-radius:3px}.trassi .article-content ul{margin:2rem 0;padding-left:0;list-style:none}.trassi .article-content ul li{margin-bottom:1rem;position:relative;padding-left:2.5rem;font-size:1.05rem}.trassi .article-content ul li:before{content:"•";position:absolute;left:1rem;top:0;color:#96b7c7;font-size:1.5rem}.trassi .article-content p:last-child{font-size:1.2rem;font-weight:600;margin-top:4rem;padding:2rem;background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;position:relative;overflow:hidden}.trassi .article-content p:last-child:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(37,99,235,.03),rgba(124,58,237,.03));z-index:-1}.trassi button{margin-top:50px;font-size:16px;font-weight:700;color:#fff;padding:8px 26px;width:-moz-fit-content;width:fit-content;border:none;font-family:Exo\ 2,sans-serif;background-color:#7498a4;height:-moz-fit-content;height:fit-content;cursor:pointer;position:relative;overflow:hidden;transition:color .5s ease;border-radius:0}.trassi button:hover{background:linear-gradient(90deg,rgb(65,67,68),rgb(112,177,199));background-size:200% 100%;animation:gradientAnimation 1s ease infinite}@media(max-width:768px){.trassi{padding:2rem 1rem}.trassi .article-header h1{font-size:2.2rem}.trassi .article-image{height:300px;margin-bottom:2.5rem}.trassi .article-content h2{font-size:1.4rem}.trassi .article-content p{font-size:1rem}.trassi .article-content p span{font-size:1.2rem}.trassi .article-content p:last-child{font-size:1.1rem;padding:1.5rem}}