:root{--blue:#0435FC;--blue-2:#0181FF;--ink:#0b1130;--ink-soft:#3c4368;--muted:#6c7392;--paper:#f5f5f7;--line:#e7e8ef;--line-2:#eef0f6}.blog-hero{background:linear-gradient(160deg,#0435fc,#2f6bff 55%,#4a7dff);padding:72px 22px 92px;text-align:center;border-radius:0 0 44px 44px;position:relative;overflow:hidden}.blog-hero:after{content:"";position:absolute;inset:auto -10% -60%;height:60%;background:radial-gradient(60% 100% at 50% 0,rgba(255,255,255,.16),transparent 70%)}.blog-hero .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);padding:7px 16px;border-radius:999px}.blog-hero h1{font-size:clamp(38px,6.4vw,72px);font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.04;margin:22px auto 0;max-width:min(980px,94%);text-wrap:balance}.blog-hero p{color:#ffffffe0;font-size:18px;line-height:1.6;margin:16px auto 0;max-width:54ch}.sec-title{text-align:center;font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:0 auto 4px;max-width:22ch}.sec-title em{font-style:normal;color:var(--blue)}.featured{display:grid;grid-template-columns:1fr 1.12fr;gap:46px;align-items:center;width:min(1200px,calc(100% - 48px));margin:34px auto 0}.featured .f-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.featured h2{font-size:clamp(26px,3.3vw,40px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.14;margin:12px 0 0}.featured h2 a{color:inherit;text-decoration:none}.featured h2 a:hover{color:var(--blue)}.featured .f-exc{color:var(--muted);font-size:16px;line-height:1.6;margin:14px 0 0;max-width:52ch}.featured .f-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:var(--blue);color:#fff;font-weight:700;font-size:15px;padding:12px 24px;border-radius:999px;text-decoration:none}.featured .f-more svg{width:17px;height:17px}.featured .f-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;display:block}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:18px;font-size:13.5px;color:var(--muted);font-weight:600}.meta-row span{display:inline-flex;align-items:center;gap:6px}.meta-row svg{width:15px;height:15px;color:var(--blue);flex:0 0 auto}.meta-row .sep{width:3px;height:3px;border-radius:50%;background:#c7cee0;padding:0}.cats-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;width:min(1200px,calc(100% - 48px));margin:26px auto 0;padding-bottom:22px;border-bottom:1px solid var(--line)}.cats{display:flex;flex-wrap:wrap;gap:10px}.cats button{background:#fff;border:1px solid var(--line);color:var(--ink-soft);font-family:inherit;font-size:14px;font-weight:700;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.15s}.cats button:hover{border-color:var(--blue);color:var(--blue)}.cats button.on{background:var(--blue);border-color:var(--blue);color:#fff}.blog-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;min-width:270px;transition:.15s}.blog-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0435fc1a}.blog-search svg{width:17px;height:17px;color:var(--blue);flex:0 0 auto}.blog-search input{border:none;outline:none;background:none;font-family:inherit;font-size:14.5px;color:var(--ink);width:100%}.blog-search input::placeholder{color:var(--muted)}.no-results{width:min(1200px,calc(100% - 48px));margin:40px auto;text-align:center;color:var(--muted);font-size:16px;font-weight:600}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;width:min(1200px,calc(100% - 48px));margin:30px auto 0}.post-card{display:flex;flex-direction:column;background:#0b1130;border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.post-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px #0b113047;border-color:#0435fc80}.post-card .thumb{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:#111a3d}.post-card .pc-body{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}.post-card .cat{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--blue);padding:5px 12px;border-radius:999px}.post-card h3{font-size:18.5px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.3;margin:14px 0 0}.post-card p{color:#9aa4c4;font-size:14px;line-height:1.55;margin:10px 0 0;flex:1}.post-card .pc-sep{height:1px;background:#ffffff1f;margin:16px 0 0}.post-card .meta-row{margin-top:12px;color:#9aa4c4;font-size:12.5px}.post-card .meta-row svg{color:#6f83c9}.post-card .meta-row .sep{background:#3a4570}.article{width:min(760px,calc(100% - 44px));margin:0 auto;padding:0 0 20px}.breadcrumb{font-size:13.5px;color:var(--muted);font-weight:600;margin:0 0 22px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--blue)}.article .cat{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}.article h1{font-size:clamp(30px,4.6vw,46px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.12;margin:12px 0 0}.article .art-meta{display:flex;align-items:center;gap:12px;margin:20px 0 0;font-size:14px;color:var(--muted);font-weight:600}.article .art-meta .dot{width:4px;height:4px;border-radius:50%;background:#c7cee0}.article .hero-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:26px 0 0;background:#eef2ff}.article-body{margin-top:34px;color:var(--ink-soft);font-size:17.5px;line-height:1.75}.article-body p{margin:0 0 20px}.article-body h2{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.015em;line-height:1.2;margin:40px 0 14px}.article-body h3{font-size:20px;font-weight:800;color:var(--ink);margin:28px 0 10px}.article-body a{color:var(--blue);font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(4,53,252,.25)}.article-body a:hover{border-color:var(--blue)}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:22px}.article-body li{margin:0 0 9px}.article-body strong{color:var(--ink);font-weight:700}.article-body img{max-width:100%;height:auto;border-radius:16px;margin:8px 0 22px}.article-body figure{margin:26px 0}.article-body figcaption{font-size:13.5px;color:var(--muted);text-align:center;margin-top:8px}.answer-box{background:#f2f5ff;border:1px solid rgba(4,53,252,.14);border-left:4px solid var(--blue);border-radius:14px;padding:20px 22px;margin:0 0 30px}.answer-box p{margin:0;font-size:17px;line-height:1.65;color:var(--ink)}.answer-box .lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.article-body table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15.5px}.article-body th,.article-body td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.article-body th{background:#f6f8fd;font-weight:800;color:var(--ink)}.article-body tr:last-child td{border-bottom:none}.art-cta{background:linear-gradient(150deg,#0435fc,#4a7dff);border-radius:20px;padding:30px 28px;margin:38px 0;text-align:center;color:#fff}.art-cta h3{color:#fff;font-size:22px;font-weight:800;margin:0}.art-cta p{color:#ffffffe6;margin:10px auto 0;max-width:44ch;font-size:15.5px}.art-cta a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:#fff;color:var(--blue);font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;text-decoration:none;border:none}.art-cta a svg{width:18px;height:18px}.art-faq{margin:40px 0 0}.art-faq h2{font-size:26px;font-weight:800;color:var(--ink);margin:0 0 8px}.art-faq .qa{border-bottom:1px solid var(--line)}.art-faq .qa h3{font-size:18px;font-weight:800;color:var(--ink);margin:0;padding:18px 0 8px}.art-faq .qa p{margin:0 0 18px;color:var(--ink-soft);font-size:16px;line-height:1.7}.related{width:min(1200px,calc(100% - 48px));margin:20px auto 0}.related h2{font-size:24px;font-weight:800;color:var(--ink);text-align:center;margin:0 0 24px}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-template-columns:1fr;gap:24px}.featured .f-img{order:-1}}@media(max-width:600px){.post-grid{grid-template-columns:1fr;gap:18px}.article-body{font-size:17px}.article-body h2{font-size:23px}.cats-row{margin-top:22px}.blog-search{min-width:100%}}
