.main .blogs-hero{display: flex;align-items: center;justify-content: space-between;gap: 40px}.main .blogs-hero .blogs-hero-info{max-width: 640px}.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 40px;font-weight: 700;line-height: 1.3;color: #181B26}.main .blogs-hero .blogs-hero-info .blogs-hero-title .purple{color: #6A3DFF;font-weight: 700}.main .blogs-hero .blogs-hero-info .blogs-hero-text{font-size: 16px;line-height: 1.6;color: #4A4E5F;margin-top: 20px;max-width: 520px}.main .blogs-hero .blogs-hero-image{width: 42%;max-width: 480px}.main .blogs .blogs-filter{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;background: #FFFFFF;border-radius: 20px;padding: 16px 18px;margin-bottom: 40px;box-shadow: 0 10px 30px rgba(30, 20, 80, 0.05)}.main .blogs .blogs-filter .blogs-filter-label{font-size: 16px;font-weight: 700;color: #181B26;white-space: nowrap;margin-right: 6px}.main .blogs .blogs-filter .blogs-filter-option{display: flex;align-items: center;gap: 10px;background: #FFFFFF;border: 1.5px solid #ECE9F4;border-radius: 12px;padding: 8px 10px;font-size: 14.5px;font-weight: 600;color: #181B26;white-space: nowrap;transition: border-color 0.3s ease, background-color 0.3s ease}.main .blogs .blogs-filter .blogs-filter-option .blogs-check{width: 20px;height: 20px;border: 1.5px solid transparent;border-radius: 6px;position: relative;flex-shrink: 0}.main .blogs .blogs-filter .blogs-filter-option.selected .blogs-check::after{content: '';position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border-right: 2.5px solid #FFFFFF;border-bottom: 2.5px solid #FFFFFF;transform: rotate(45deg)}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+1) .blogs-check{background: #FFF1E8;border-color: #FFDCC7}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+1):hover, .main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+1).selected{border-color: #FF9B57}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+1).selected{background: #FFF1E8}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+1).selected .blogs-check{background: #FF6B35}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+2) .blogs-check{background: #F1EFFF;border-color: #DCD6F5}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+2):hover, .main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+2).selected{border-color: #6A3DFF}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+2).selected{background: #F1EFFF}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+2).selected .blogs-check{background: #6A3DFF}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+3) .blogs-check{background: #FFEFF6;border-color: #F9D2E5}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+3):hover, .main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+3).selected{border-color: #F5459C}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+3).selected{background: #FFEFF6}.main .blogs .blogs-filter .blogs-filter-option:nth-of-type(3n+3).selected .blogs-check{background: #F5459C}.main .blogs .blogs-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px}.main .blogs .blogs-empty{text-align: center;font-size: 17px;color: #4A4E5F;padding: 60px 0}.main .blogs .blogs-grid .blog-card{display: flex;flex-direction: column;min-width: 0;background: #FFFFFF;border-radius: 20px;padding: 16px;box-shadow: 0 15px 40px rgba(30, 20, 80, 0.06)}.main .blogs .blogs-grid .blog-card .blog-cover{width: 100%;height: 170px;object-fit: cover;border-radius: 12px;background: #F1EFFF}.main .blogs .blogs-grid .blog-card .blog-meta{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 18px}.main .blogs .blogs-grid .blog-card .blog-meta .blog-date{font-size: 14px;color: #8A8FA3}.main .blogs .blogs-grid .blog-card .blog-meta .blog-category{background: #6A3DFF;color: #FFFFFF;font-size: 13px;font-weight: 600;border-radius: 8px;padding: 6px 12px;white-space: nowrap}.main .blogs .blogs-grid .blog-card .blog-title{font-size: 16px;font-weight: 700;color: #181B26;margin-top: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.main .blogs .blogs-grid .blog-card .blog-description{font-size: 14px;line-height: 1.6;color: #4A4E5F;margin-top: 12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.main .blogs .blogs-grid .blog-card .blog-more{display: flex;align-items: center;justify-content: center;gap: 10px;background: #E9E4FF;color: #6A3DFF;font-size: 15px;font-weight: 700;border-radius: 12px;padding: 13px 20px;margin-top: 20px;transition: background-color 0.3s ease}.main .blogs .blogs-grid .blog-card .blog-more:hover{background: #DDD5FF}.main .blogs .blogs-grid .blog-card .blog-more img{width: 18px;height: 10px}.main .blogs .blogs-pagination{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 55px}.main .blogs .blogs-pagination .blogs-pagination-page{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;color: #8A8FA3;border: 1.5px solid transparent;border-radius: 10px;transition: color 0.3s ease, border-color 0.3s ease}.main .blogs .blogs-pagination .blogs-pagination-page:hover{color: #6A3DFF}.main .blogs .blogs-pagination .blogs-pagination-page.current{color: #6A3DFF;border-color: #6A3DFF;background: #FFFFFF}.main .blogs .blogs-pagination .blogs-pagination-dots{color: #8A8FA3;font-size: 15px}.main .blogs .blogs-pagination .blogs-pagination-arrow{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease}.main .blogs .blogs-pagination .blogs-pagination-arrow.disabled{opacity: 0.3;pointer-events: none}.main .blogs .blogs-pagination .blogs-pagination-arrow::before{content: '';width: 9px;height: 9px;border-top: 2px solid #6A3DFF;border-right: 2px solid #6A3DFF;border-radius: 1px}.main .blogs .blogs-pagination .blogs-pagination-prev::before{transform: rotate(-135deg);margin-left: 4px}.main .blogs .blogs-pagination .blogs-pagination-next::before{transform: rotate(45deg);margin-right: 4px}.main .blogs .blogs-filter .blogs-select{display: none}@media (max-width: 1600px){.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 38px}.main .blogs .blogs-grid{gap: 25px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 160px}}@media (max-width: 1400px){.main .blogs-hero{gap: 30px}.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 36px}.main .blogs-hero .blogs-hero-info .blogs-hero-text{font-size: 15.5px}.main .blogs .blogs-filter{margin-bottom: 30px}.main .blogs .blogs-grid{gap: 20px}.main .blogs .blogs-grid .blog-card{padding: 14px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 150px}.main .blogs .blogs-grid .blog-card .blog-title{font-size: 15px}.main .blogs .blogs-grid .blog-card .blog-description{font-size: 13.5px}.main .blogs .blogs-grid .blog-card .blog-more{font-size: 14px;padding: 12px 15px;margin-top: 16px}}@media (max-width: 1200px){.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 32px}.main .blogs-hero .blogs-hero-info .blogs-hero-text{font-size: 15px}.main .blogs .blogs-filter{padding: 14px}.main .blogs .blogs-filter .blogs-filter-label{font-size: 15px}.main .blogs .blogs-filter .blogs-filter-option{font-size: 14px;padding: 7px 9px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 140px}.main .blogs .blogs-grid .blog-card .blog-meta .blog-category{font-size: 12px;padding: 5px 10px}}@media (max-width: 1024px){.main .blogs-hero{flex-direction: column;align-items: stretch;gap: 25px}.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 30px}.main .blogs-hero .blogs-hero-info .blogs-hero-text{max-width: 620px;margin-top: 18px}.main .blogs-hero .blogs-hero-image{width: 100%;max-width: 420px;margin: 0 auto}.main .blogs .blogs-filter{flex-wrap: nowrap;gap: 14px;box-sizing: border-box;max-width: 600px;margin: 0 auto 25px;padding: 16px}.main .blogs .blogs-filter .blogs-filter-option{display: none}.main .blogs .blogs-filter .blogs-select{display: block;flex: 1;min-width: 0;background: #FFFFFF url('../images/arrow-languages.svg') no-repeat right 14px center;border: 1.5px solid #ECE9F4;border-radius: 12px;padding: 12px 40px 12px 14px;font-size: 15px;font-weight: 600;color: #181B26;appearance: none;-webkit-appearance: none}.main .blogs .blogs-grid{grid-template-columns: 1fr;justify-items: center;gap: 20px}.main .blogs .blogs-grid .blog-card{width: 100%;max-width: 600px;box-sizing: border-box;padding: 16px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 210px}.main .blogs .blogs-grid .blog-card .blog-title{font-size: 17px}.main .blogs .blogs-grid .blog-card .blog-description{font-size: 14.5px}.main .blogs .blogs-grid .blog-card .blog-more{font-size: 15px;padding: 13px 20px;margin-top: 18px}.main .blogs .blogs-pagination{gap: 6px;margin-top: 35px}}@media (max-width: 600px){.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 26px}.main .blogs .blogs-filter{gap: 10px;padding: 14px}.main .blogs .blogs-filter .blogs-filter-label{font-size: 15px;margin-right: 0}.main .blogs .blogs-grid .blog-card{padding: 14px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 190px}}@media (max-width: 360px){.main .blogs-hero .blogs-hero-info .blogs-hero-title{font-size: 23px}.main .blogs .blogs-filter .blogs-select{padding: 11px 34px 11px 12px;font-size: 14px}.main .blogs .blogs-grid .blog-card .blog-cover{height: 170px}.main .blogs .blogs-pagination .blogs-pagination-page, .main .blogs .blogs-pagination .blogs-pagination-arrow{width: 32px;height: 32px}}