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