.article-theme{border-radius:24px;padding:10px 30px;transition:transform .3s ease,box-shadow .3s ease}.article-hero__title{font-family:var(--font-accent);padding-block-end:20px}.article-hero{display:grid;grid-template-columns:1fr .5fr;align-items:center;gap:12px;padding-block-end:30px;padding-inline:10px}.article__text-hero{font-size:1em;padding:10px}.article-head-decor{position:relative;display:inline-block;padding-bottom:10px}.article-head-decor::after{content:"";position:absolute;left:0;bottom:3px;width:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#47b2f9 0,#fd6431 100%);transition:width .35s ease}.article-head-decor:hover::after{width:130px}.article__content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px}.article__section{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:none;border-radius:24px;background:var(--bg-card);isolation:isolate;box-shadow:0 12px 30px rgba(24,39,75,.08);transition:transform .35s ease,box-shadow .35s ease}.article__section::before{content:"";position:absolute;inset:0;padding:3px;border-radius:inherit;background:linear-gradient(120deg,rgba(71,178,249,.95) 0,rgba(255,255,255,.9) 18%,rgba(71,178,249,.75) 35%,rgba(253,100,49,.9) 68%,rgba(255,255,255,.9) 84%,rgba(71,178,249,.95) 100%);background-size:250% 250%;animation:borderFlow 8s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.article__section::after{content:"";position:absolute;inset:-10px;border-radius:inherit;background:linear-gradient(120deg,rgba(71,178,249,.22) 0,rgba(253,100,49,.18) 50%,rgba(71,178,249,.22) 100%);background-size:250% 250%;animation:borderFlow 8s linear infinite;filter:blur(18px);opacity:.35;z-index:-1;pointer-events:none}.article__section:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(24,39,75,.12)}@keyframes borderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.article__section::after,.article__section::before{animation:none}.article__section{transition:none}}.article__heading-h2,.article__heading-h3{padding-inline-start:0;padding-block-end:4px;font-family:var(--font-accent)}.article-hero__icon{width:100%;min-width:350px;border-radius:16px;object-fit:cover;display:block}.article-section--features{display:grid;grid-template-columns:.5fr 1.5fr;align-items:start}.example-box__content,.section-heading{display:flex;flex-direction:column;gap:10px}.feature-list{padding-inline:14px}.feature-list__item{display:flex;gap:10px;padding-block-end:10px}.split-block__media{padding-block-start:30px;display:flex;justify-content:center;gap:24px}.width-50{width:47%}.article-section--cards,.article-section--example,.split-block__content{padding-block-start:30px}.article-section--example{display:grid;grid-template-columns:1fr .7fr;padding-inline:30px;justify-content:center;align-items:start;gap:16px}.example-box__image{width:100%;display:block;border-radius:16px;object-fit:cover}.article-section--cta{padding-block:30px}.cta-box__actions{margin-block-start:20px}.button-cta{border-radius:12px;font-weight:var(--fntweg);transform:rotate(90deg)}@media (max-width:1024px){.article-hero{grid-template-columns:1fr}.article-hero__image,.features-block__media{justify-self:center;align-self:center}.article-hero__icon,.example-box__image{aspect-ratio:16/7;max-width:800px}.article-section--features{grid-template-columns:1fr}.section-heading{padding-bottom:30px}.article__content-cards{grid-template-columns:repeat(2,1fr)}.article-section--example{grid-template-columns:1fr}.example-box__icon{justify-self:center}}@media (max-width:768px){.article-theme{padding:0}.article-hero{flex-direction:column;padding-inline:0;padding-block-end:20px}.article__content-cards{grid-template-columns:1fr;padding:20px 0}.article-hero__title{font-size:1.8rem}.article__heading-h2{font-size:1.5rem}.split-block__media{flex-direction:column}.width-50{width:100%}}@media (max-width:480px){.article-hero__title{font-size:1.5rem;padding-block-end:10px}.article__heading-h2{font-size:1.3rem}.article__heading-h3{font-size:1.15rem}.article__section{padding:14px}.article-section--cta,.article-section--example{padding-inline:14px}.article-section--cta{padding-block-end:0}.cta-box__actions{justify-self:center;margin-block-start:28px}.article-head-decor:hover::after{width:80px}}