@font-face{font-family:Outfit;src:url('../assets/outfit.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#20324c;font-family:Outfit,Arial,sans-serif}.blog-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #e0e5ed;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.blog-header img{width:230px;max-width:42vw;height:auto}.blog-header nav{display:flex;align-items:center;gap:22px}.blog-header a,.blog-footer a{color:#31435a;text-decoration:none}.blog-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border-radius:12px;background:#6034c5;color:#fff!important;font-weight:750}.blog-index,.blog-article,.blog-related{max-width:1180px;margin:auto;padding:0 24px}.blog-index-hero{margin:34px 0 24px;padding:64px;border-radius:28px;background:linear-gradient(135deg,#0f334b,#413181 70%,#7141d1);color:#fff}.blog-index-hero>span,.blog-article-hero>span,.blog-grid-head>span,.blog-related>span,.blog-cta>span,.blog-grid article>span,.blog-featured span{font-size:12px;font-weight:850;letter-spacing:.1em}.blog-index-hero h1{max-width:860px;margin:12px 0 20px;font-size:clamp(44px,7vw,76px);line-height:.98}.blog-index-hero p{max-width:760px;color:#e8e8ff;font-size:20px;line-height:1.55}.blog-index-hero>div{display:flex;align-items:center;gap:20px;margin-top:26px}.blog-index-hero>div>a:last-child{color:#fff;font-weight:700}.blog-featured{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;margin:24px 0;padding:38px;border:1px solid #dfe5ed;border-radius:22px;background:#fff}.blog-featured h2{margin:10px 0;font-size:36px;line-height:1.1}.blog-featured h2 a,.blog-grid h2 a,.blog-related h2 a{color:#20324c;text-decoration:none}.blog-featured p,.blog-grid p{color:#5d6b7f;line-height:1.55}.blog-featured aside{padding:24px;border-radius:16px;background:#eaf6f3}.blog-featured aside strong{font-size:22px}.blog-read{color:#5d35ad!important;font-weight:800;text-decoration:none}.blog-grid-head{padding:40px 0 18px}.blog-grid-head h2,.blog-related>h2{font-size:38px;margin:8px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}.blog-grid article,.blog-related article{display:flex;flex-direction:column;min-height:320px;padding:26px;border:1px solid #dfe5ed;border-radius:18px;background:#fff}.blog-grid article:nth-child(2n){background:#f0f8f6}.blog-grid h2,.blog-related article h2{font-size:25px;line-height:1.2}.blog-grid .blog-read,.blog-related .blog-read{margin-top:auto}.blog-article-hero{margin:34px 0 0;padding:60px;border-radius:28px;background:linear-gradient(135deg,#102f48,#5635a1);color:#fff}.blog-back{display:block;margin-bottom:35px;color:#dcd5f6;text-decoration:none}.blog-article-hero h1{max-width:930px;margin:12px 0 22px;font-size:clamp(42px,6vw,68px);line-height:1}.blog-article-hero p{max-width:850px;color:#eeeaff;font-size:20px;line-height:1.55}.blog-article-hero>div{display:flex;gap:20px;margin-top:25px;color:#ded8f2}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:clamp(24px,4vw,60px);align-items:start;padding:55px 40px}.blog-article-body section{scroll-margin-top:95px;margin-bottom:42px}.blog-article-body h2{font-size:34px;line-height:1.15}.blog-article-body p,.blog-article-body li{font-size:18px;line-height:1.7;color:#4d5d72}.blog-article-body ul{display:grid;gap:8px;padding-left:24px}.blog-toc{position:sticky;top:90px;display:grid;gap:10px;padding:22px;border-left:3px solid #22b7a4;background:#fff}.blog-toc a{color:#506076;text-decoration:none}.blog-toc-action{margin-top:10px;padding-top:13px;border-top:1px solid #e2e6ed;color:#5c35ac!important;font-weight:800}.blog-cta{margin-top:50px;padding:30px;border-radius:20px;background:linear-gradient(135deg,#e8f8f5,#f1eafd)}.blog-cta h2{margin:9px 0}.blog-cta a{display:inline-flex;margin-top:8px;color:#5c35ac;font-weight:850;text-decoration:none}.blog-related{padding-bottom:70px}.blog-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-related article{min-height:275px}.blog-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px max(24px,calc((100vw - 1180px)/2));border-top:1px solid #dde3ec;background:#fff}.blog-footer img{width:200px;height:auto}.blog-footer p{margin:4px 0}.blog-footer nav{display:flex;gap:17px;flex-wrap:wrap}.blog-footer small{color:#6a778a}@media(max-width:850px){.blog-header nav>a:not(.blog-button):not(:first-child){display:none}.blog-index-hero,.blog-article-hero{padding:38px 28px}.blog-featured,.blog-article-layout{grid-template-columns:1fr}.blog-grid,.blog-related>div{grid-template-columns:1fr 1fr}.blog-toc{position:static;grid-row:1}.blog-article-layout{padding:40px 4px}.blog-footer{grid-template-columns:1fr}}@media(max-width:560px){.blog-header img{width:180px}.blog-header nav a:first-child{display:none}.blog-index,.blog-article,.blog-related{padding:0 16px}.blog-index-hero,.blog-article-hero{margin-top:18px;padding:32px 22px}.blog-index-hero h1,.blog-article-hero h1{font-size:40px}.blog-index-hero p,.blog-article-hero p{font-size:17px}.blog-index-hero>div{align-items:flex-start;flex-direction:column}.blog-featured{padding:25px}.blog-grid,.blog-related>div{grid-template-columns:1fr}.blog-grid article{min-height:270px}.blog-article-body h2{font-size:29px}.blog-article-body p,.blog-article-body li{font-size:17px}.blog-footer nav{display:grid;grid-template-columns:1fr 1fr}}
