.articles-layout{background:radial-gradient(60% 420px at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 70%),linear-gradient(180deg, #f7f8fb 0, var(--white) 520px);padding:150px 0 80px}@media (max-width:768px){.articles-layout{padding-top:120px}}.articles-page__header>.badge,.article-item__badge .badge{border:1px solid var(--primary);color:var(--primary);background:0 0;border-radius:100px;font-weight:500}.articles-page__header h1,.article h1{letter-spacing:-.04em;background:linear-gradient(180deg, var(--ln-ink), var(--ln-ink-2));color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;font-weight:600!important}.articles-page__header h1{font-size:clamp(36px,5vw,60px)!important}.article-cta{background:radial-gradient(80% 120% at 100% 0%, color-mix(in srgb, var(--primary) 35%, transparent), transparent 60%),#111318;max-width:760px;color:var(--white);border-radius:28px;margin:48px auto 0;padding:36px}.article-cta b{letter-spacing:-.02em;font-size:24px;font-weight:600;display:block}.article-cta p{color:#ffffffb8;margin:10px 0 22px}.articles-page__header{flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.articles-page__header h1{margin-bottom:10px;font-size:42px;font-weight:900}@media (max-width:768px){.articles-page__header h1{font-size:24px}}.articles-page__header p{color:var(--gray-500);font-size:17px;font-weight:400}@media (max-width:768px){.articles-page__header p{font-size:14px}}.articles-list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.articles-list{grid-template-columns:repeat(1,1fr)}}.article-item{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out);border:1px solid #10182814;flex-direction:column;gap:10px;display:flex;box-shadow:0 1px 2px #1018280a,0 18px 40px -28px #10182838;border-radius:28px!important}.article-item:hover{border-color:color-mix(in srgb, var(--primary) 30%, transparent);box-shadow:0 1px 2px #1018280a,0 28px 56px -28px color-mix(in srgb, var(--primary) 40%, transparent);cursor:pointer;transform:translateY(-4px)}@media (min-width:768px){.article-item:first-child{grid-column:1/-1}.article-item:first-child .badge{margin:12px auto}.article-item:first-child .article-item__title{text-align:center;font-size:34px}.article-item:first-child .article-item__description{text-align:center;max-width:730px;margin:12px auto;font-size:16px}}.article-item__title{color:var(--gray-800);font-size:21px;font-weight:700;line-height:1.3}@media (max-width:768px){.article-item__title{font-size:18px}}.article-item__description{color:var(--gray-500);font-size:15px;font-weight:400}.article{max-width:740px;color:var(--ln-ink);margin:0 auto;font-size:17px}.article h1{text-align:center;margin:0 auto 20px;font-size:44px;font-weight:900;line-height:1.2}.article h2{letter-spacing:-.02em;color:var(--ln-ink);margin:40px 0 16px;font-size:26px;font-weight:600;line-height:1.25}.article h3{color:var(--ln-ink);margin:24px 0 10px;font-size:19px;font-weight:600;line-height:1.3}.article__data{color:var(--gray-500);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.article__data span{align-items:center;display:flex}.article__data span:after{background:var(--gray-200);content:"";border-radius:50%;width:3px;height:3px;margin:0 10px;display:block}.article__data span:last-child:after{display:none}.article ul{flex-direction:column;gap:18px;display:flex}.article ul li:before{content:"";background:var(--gray-500);border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block;transform:translateY(-2px)}.article p{margin:20px 0;line-height:1.6}.article blockquote{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:12px;margin:20px 0;padding:20px;font-size:15px}.article a{color:var(--primary);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);transition:all .2s}.article a:hover{-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 80%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 80%, transparent)}.article .default-table{font-size:16px}.article .default-table th,.article .default-table td{color:var(--gray-900);padding:12px 16px}.article .default-table thead th{font-weight:700}
