.BlogPage{width:100%;max-width:1340px;min-height:100vh;margin:40px auto 0;padding:20px;position:relative;overflow:hidden}@media screen and (max-width:700px){.BlogPage{padding:10px}}@media screen and (max-width:500px){.BlogPage{margin-top:20px}}.BlogListCard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.BlogListCard__header h1{margin:35px 0 30px;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.1}@media screen and (max-width:700px){.BlogListCard__header h1{margin:25px 0 15px}}.BlogPage__eyebrow{color:#0075ff;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.BlogPage__lead{color:#050c2799;max-width:700px;margin:0;line-height:1.5}.BlogSearch{border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;width:min(360px,100%);height:52px;padding:0 15px;display:inline-flex}.BlogSearch svg{color:#050c2740;width:18px;height:18px}@media screen and (max-width:400px){.BlogSearch svg{display:none}}.BlogSearch input{background:0 0;border:none;outline:none;flex:1;font-family:NunitoSans,sans-serif;font-size:15px}.BlogSearch input::placeholder{color:#050c2773}.BlogGrid{flex-wrap:wrap;gap:18px;margin-top:24px;display:flex}@media screen and (max-width:400px){.BlogGrid{flex-direction:column}}.BlogControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.BlogSort{color:#050c27b3;align-items:center;gap:10px;font-weight:600;display:flex}.BlogSort select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;height:40px;padding:0 10px;font-size:14px}.BlogSort select:disabled{opacity:.6;cursor:not-allowed}.BlogViewToggle{background:#fff;border:1px solid #ddd;border-radius:10px;gap:6px;padding:4px;display:inline-flex}.BlogViewToggle button{cursor:pointer;color:#050c27b3;background:0 0;border:none;border-radius:8px;min-width:90px;padding:8px 10px;font-weight:700;transition:background .15s ease-in-out,color .15s ease-in-out}.BlogViewToggle button.is-active{color:#0075ff;background:#0075ff1a}.BlogListView{flex-direction:column;gap:10px;margin:20px 0 0;padding-left:20px;display:flex}.BlogListView li{line-height:1.4;list-style:outside}.BlogListView li a{color:inherit;font-weight:600;text-decoration:none;font-size:clamp(14px,3vw,17px)!important}.BlogListView li a:hover{color:#0075ff}.BlogCard{color:inherit;border:1px solid #ddd;border-radius:10px;flex-direction:column;flex:calc(25% - 20px);gap:10px;padding:15px;text-decoration:none;display:flex}@media screen and (min-width:330px){.BlogCard{min-width:300px}}.BlogCard{transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out}.BlogCard:hover{border-color:#0075ff4d;transform:translateY(-3px)}.BlogCard__title{font-size:clamp(16px,3vw,18px);font-weight:700}.BlogCard__desc{color:#050c2780;margin:0;font-size:clamp(13px,3vw,15px);line-height:1.3}.BlogEmpty{color:#050c27b3;background:#050c2705;border:1px dashed #050c2733;border-radius:10px;margin-top:20px;padding:15px}.BlogPagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:24px 0 10px;display:flex}.BlogPagination button{cursor:pointer;color:#050c27bf;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:40px;height:38px;padding:0 12px;font-weight:700;transition:background .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.BlogPagination button:hover:not(:disabled){color:#0075ff;border-color:#0075ff4d}.BlogPagination button:disabled{opacity:.5;cursor:not-allowed}.BlogPagination button.is-active{color:#0075ff;background:#0075ff1a;border-color:#0075ff99}.BlogPagination__pages{align-items:center;gap:6px;display:inline-flex}@media screen and (max-width:700px){.BlogPage{margin-top:20px;padding:10px}.BlogSearch{width:100%}.BlogControls{align-items:stretch}.BlogViewToggle{width:100%}.BlogViewToggle button{min-width:unset;flex:1}}