.blogx-hero{position:relative;overflow:hidden;padding:72px 0 62px;background:radial-gradient(circle at 12% 20%,rgba(16,190,209,.2),transparent 28%),radial-gradient(circle at 84% 28%,rgba(20,117,223,.2),transparent 32%),linear-gradient(145deg,#061837,#0b397a);color:#fff}.blogx-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}.blogx-hero .container{position:relative;z-index:2}.blogx-hero h1{font-size:clamp(38px,5vw,62px);margin:7px 0 10px;line-height:1.25}.blogx-hero p{max-width:720px;color:#d5e3f2;line-height:1.9}.blogx-section{padding:68px 0 90px;background:linear-gradient(180deg,#f7fbff,#fff)}
.blogx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.blogx-search{position:relative;flex:1;min-width:260px;max-width:430px}.blogx-search input{width:100%;height:48px;border:1px solid #dce6f0;border-radius:14px;background:#fff;padding:0 43px 0 14px;font-family:Cairo,sans-serif;outline:none;transition:.25s;box-shadow:0 8px 22px rgba(8,27,70,.05)}.blogx-search input:focus{border-color:#69bde8;box-shadow:0 0 0 4px rgba(20,117,223,.08)}.blogx-search svg{position:absolute;right:14px;top:14px;width:20px;height:20px;fill:none;stroke:#6e8098;stroke-width:2}.blogx-count{font-size:11px;color:#66758b;font-weight:800;background:#eef5fb;padding:9px 12px;border-radius:999px}
.blogx-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.blogx-cat{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #dce7f1;background:#fff;color:#2f4866;border-radius:999px;font-size:10px;font-weight:900;transition:.25s}.blogx-cat:hover,.blogx-cat.active{background:linear-gradient(135deg,#1475df,#10bed1);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,117,223,.15)}.blogx-cat em{font-style:normal;opacity:.7}
.blogx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blogx-card{background:#fff;border:1px solid #e2eaf2;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(8,27,70,.07);transition:.35s;display:flex;flex-direction:column;min-width:0}.blogx-card:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(8,27,70,.13)}.blogx-img{height:205px;overflow:hidden;background:linear-gradient(135deg,#eaf6ff,#e8fbfa);position:relative;display:block}.blogx-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.blogx-card:hover .blogx-img img{transform:scale(1.055)}.blogx-badge{position:absolute;right:12px;top:12px;padding:7px 10px;border-radius:999px;background:rgba(6,24,55,.88);color:#fff;font-size:9px;font-weight:900;backdrop-filter:blur(6px)}.blogx-body{padding:18px;display:flex;flex-direction:column;flex:1}.blogx-date{font-size:9px;color:#8391a4;margin-bottom:7px}.blogx-body h2,.blogx-body h3{font-size:17px;line-height:1.65;color:#0b2450;margin:0 0 9px}.blogx-body p{font-size:11px;line-height:1.9;color:#66768d;margin:0 0 15px}.blogx-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#1475df;font-size:10px;font-weight:900}.blogx-more:after{content:"←";transition:.25s}.blogx-card:hover .blogx-more:after{transform:translateX(-4px)}
.blogx-empty{grid-column:1/-1;text-align:center;padding:55px 20px;background:#fff;border:1px dashed #cedae6;border-radius:20px;color:#6f7e92}.blogx-pager{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:34px}.blogx-pager a{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;border:1px solid #dce7f1;background:#fff;color:#274765;font-size:10px;font-weight:900;transition:.2s}.blogx-pager a:hover,.blogx-pager a.active{background:#1475df;color:#fff;border-color:#1475df}
.articlex-loading{min-height:420px;display:grid;place-items:center;color:#5b6d84;font-weight:800}.articlex-spin{width:42px;height:42px;border:3px solid #d8e5f1;border-top-color:#10bed1;border-radius:50%;animation:articleSpin .8s linear infinite;margin:0 auto 10px}.articlex-hero{padding:52px 0 40px;background:linear-gradient(180deg,#f8fbff,#fff)}.articlex-breadcrumb{font-size:10px;color:#718199;margin-bottom:16px}.articlex-breadcrumb a{color:#1475df}.articlex-head{max-width:940px;margin:0 auto;text-align:center}.articlex-head .blogx-badge{position:static;display:inline-flex;margin-bottom:12px;background:#e8f5ff;color:#1264aa}.articlex-head h1{font-size:clamp(32px,4.5vw,54px);line-height:1.35;color:#081b46;margin:0 auto 14px}.articlex-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#7a899d;font-size:10px}.articlex-feature{max-width:1080px;margin:28px auto 0;border-radius:26px;overflow:hidden;box-shadow:0 24px 65px rgba(8,27,70,.14);background:#edf4fa}.articlex-feature img{width:100%;height:min(55vw,520px);object-fit:cover;display:block}
.articlex-section{padding:45px 0 86px;background:#fff}.articlex-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:36px;align-items:start;max-width:1120px;margin:0 auto}.articlex-content{font-size:14px;line-height:2.15;color:#33485f;background:#fff}.articlex-content p{margin:0 0 18px}.articlex-content h2,.articlex-content h3,.articlex-content h4{color:#081b46;line-height:1.55;margin:34px 0 14px}.articlex-content h2{font-size:27px}.articlex-content h3{font-size:22px}.articlex-content ul,.articlex-content ol{padding-right:22px;margin:12px 0 20px}.articlex-content li{margin:7px 0}.articlex-content img{max-width:100%;height:auto;border-radius:16px;margin:18px auto;display:block}.articlex-content a{color:#1475df;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.articlex-content blockquote{margin:24px 0;padding:18px 20px;border-right:4px solid #10bed1;background:#f2fbfc;border-radius:14px;color:#3c526a}.articlex-side{position:sticky;top:96px;display:grid;gap:14px}.articlex-sidebox{border:1px solid #e1e9f1;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 12px 28px rgba(8,27,70,.05)}.articlex-sidebox h3{font-size:15px;color:#0b2450;margin:0 0 9px}.articlex-sidebox p{font-size:10px;color:#718199;line-height:1.8;margin:0 0 11px}.articlex-sidebox .btn{width:100%;text-align:center;justify-content:center}.articlex-related{padding:75px 0;background:#f6faff}.articlex-related .blogx-grid{grid-template-columns:repeat(3,1fr)}
@keyframes articleSpin{to{transform:rotate(360deg)}}@media(max-width:980px){.blogx-grid{grid-template-columns:1fr 1fr}.articlex-layout{grid-template-columns:1fr}.articlex-side{position:static;grid-template-columns:1fr 1fr}.articlex-feature img{height:min(62vw,470px)}}@media(max-width:620px){.blogx-hero{padding:52px 0 44px}.blogx-section{padding:48px 0 65px}.blogx-grid,.articlex-related .blogx-grid{grid-template-columns:1fr}.blogx-img{height:190px}.blogx-toolbar{display:block}.blogx-search{max-width:none}.blogx-count{display:inline-block;margin-top:10px}.blogx-cats{gap:6px;margin-bottom:22px}.blogx-cat{padding:8px 10px;font-size:9px}.articlex-hero{padding:35px 0 28px}.articlex-head h1{font-size:29px}.articlex-feature{margin-top:20px;border-radius:18px}.articlex-feature img{height:250px}.articlex-section{padding:32px 0 65px}.articlex-layout{gap:25px}.articlex-content{font-size:13px;line-height:2}.articlex-content h2{font-size:23px}.articlex-content h3{font-size:19px}.articlex-side{grid-template-columns:1fr}.articlex-related{padding:58px 0}}