.post-thumb, .post-thumb-img-content { display: none !important; }
.m6-landing-wrapper {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
line-height: 1.6;
max-width: 1040px;
margin: 0 auto;
padding: 20px 24px 60px 24px;
box-sizing: border-box;
width: 100%;
}
.m6-breadcrumb {
font-size: 14px;
color: #64748b;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.m6-breadcrumb a {
color: #0284c7;
text-decoration: none;
}
.m6-breadcrumb a:hover {
text-decoration: underline;
}
.m6-page-header {
margin-bottom: 24px;
}
.m6-page-title {
font-size: 32px;
line-height: 1.3;
font-weight: 800;
color: #0f172a !important;
margin: 0 0 12px 0;
}
.m6-page-meta {
display: flex;
gap: 16px;
flex-wrap: wrap;
font-size: 14px;
color: #64748b;
padding-bottom: 16px;
border-bottom: 1px solid #e2e8f0;
}
.m6-featured-banner {
max-width: 820px;
margin: 0 auto 30px auto;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.m6-lead-text {
font-size: 17px;
line-height: 1.7;
color: #334155;
margin: 0 0 28px 0;
font-weight: 400;
}
.m6-action-box {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
border-radius: 14px;
padding: 32px;
color: #ffffff;
margin-bottom: 36px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15);
}
.m6-action-badge {
display: inline-block;
padding: 5px 12px;
background: rgba(14, 165, 233, 0.2);
border: 1px solid rgba(14, 165, 233, 0.5);
color: #38bdf8;
border-radius: 9999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 12px;
}
.m6-action-title {
font-size: 24px;
font-weight: 700;
color: #ffffff !important;
margin: 0 0 10px 0;
line-height: 1.3;
}
.m6-action-desc {
font-size: 15.5px;
color: #cbd5e1;
margin: 0 0 22px 0;
line-height: 1.6;
}
.m6-action-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 22px;
}
.m6-btn-main {
background: #0284c7;
color: #ffffff !important;
font-weight: 700;
font-size: 15.5px;
padding: 13px 26px;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35);
transition: all 0.2s ease;
}
.m6-btn-main:hover {
background: #0369a1;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(2, 132, 199, 0.45);
}
.m6-btn-sub {
background: rgba(255, 255, 255, 0.12);
color: #f8fafc !important;
font-weight: 600;
font-size: 15px;
padding: 13px 22px;
border-radius: 8px;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.25);
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s ease;
}
.m6-btn-sub:hover {
background: rgba(255, 255, 255, 0.22);
}
.m6-action-perks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.m6-perk-item {
font-size: 13.5px;
color: #e2e8f0;
display: flex;
align-items: center;
gap: 8px;
}
.m6-perk-icon {
color: #38bdf8;
font-weight: bold;
}
.m6-section {
margin-bottom: 42px;
}
.m6-section-head {
margin-bottom: 20px;
}
.m6-section-title {
font-size: 23px;
font-weight: 700;
color: #0f172a !important;
margin: 0 0 8px 0;
position: relative;
padding-bottom: 8px;
}
.m6-section-title::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
width: 44px;
height: 3px;
background: #0284c7;
border-radius: 2px;
}
.m6-section-desc {
font-size: 15px;
color: #64748b;
margin: 0;
}
.m6-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
gap: 18px;
}
.m6-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 18px;
}
.m6-grid-2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
gap: 20px;
}
.m6-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 4px rgba(0,0,0,0.03);
transition: all 0.2s ease;
}
.m6-card:hover {
border-color: #0284c7;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}
.m6-card-tag {
display: inline-block;
padding: 4px 9px;
border-radius: 5px;
font-size: 11.5px;
font-weight: 700;
margin-bottom: 12px;
align-self: flex-start;
}
.tag-cyan { background: #e0f2fe; color: #0369a1; }
.tag-green { background: #dcfce7; color: #15803d; }
.tag-amber { background: #fef3c7; color: #b45309; }
.tag-purple { background: #f3e8ff; color: #7e22ce; }
.tag-rose { background: #ffe4e6; color: #be123c; }
.m6-card h3 {
font-size: 17.5px;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px 0;
line-height: 1.4;
}
.m6-card p {
font-size: 14px;
color: #475569;
margin: 0 0 16px 0;
line-height: 1.55;
flex-grow: 1;
}
.m6-card-cta {
display: inline-flex;
align-items: center;
gap: 6px;
color: #0284c7;
font-weight: 700;
font-size: 14px;
text-decoration: none;
}
.m6-card-cta:hover {
color: #0369a1;
text-decoration: underline;
}
.m6-test-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 4px rgba(0,0,0,0.03);
transition: all 0.2s ease;
}
.m6-test-card:hover {
border-color: #0284c7;
box-shadow: 0 6px 16px rgba(0,0,0,0.07);
}
.m6-test-badge-free {
background: #dcfce7;
color: #166534;
font-weight: 700;
font-size: 11.5px;
padding: 4px 8px;
border-radius: 4px;
display: inline-block;
align-self: flex-start;
}
.m6-test-badge-paid {
background: #f1f5f9;
color: #475569;
font-weight: 600;
font-size: 11.5px;
padding: 4px 8px;
border-radius: 4px;
display: inline-block;
align-self: flex-start;
}
.m6-test-title {
font-size: 16.5px;
font-weight: 700;
color: #0f172a;
margin: 10px 0 6px 0;
}
.m6-test-meta {
font-size: 13.5px;
color: #64748b;
margin-bottom: 14px;
}
.m6-test-btn {
text-align: center;
padding: 10px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: block;
}
.btn-free {
background: #10b981;
color: #ffffff !important;
}
.btn-free:hover {
background: #059669;
}
.btn-paid {
background: #f8fafc;
color: #0284c7 !important;
border: 1px solid #cbd5e1;
}
.btn-paid:hover {
background: #f1f5f9;
border-color: #0284c7;
}
.m6-steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 14px;
}
.m6-step-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 16px 12px;
text-align: center;
}
.m6-step-num {
width: 32px;
height: 32px;
line-height: 32px;
background: #0284c7;
color: #ffffff;
font-weight: 800;
border-radius: 50%;
margin: 0 auto 8px auto;
font-size: 15px;
}
.m6-step-title {
font-size: 14px;
font-weight: 700;
color: #0f172a;
margin-bottom: 5px;
}
.m6-step-desc {
font-size: 12.5px;
color: #64748b;
line-height: 1.4;
margin: 0;
}
.m6-cluster-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 24px;
}
.m6-cluster-header {
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin-bottom: 6px;
}
.m6-cluster-sub {
font-size: 14px;
color: #64748b;
margin: 0 0 16px 0;
}
.m6-cluster-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 12px;
}
.m6-cluster-item {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px 14px;
text-decoration: none;
color: #1e293b;
font-size: 13.5px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}
.m6-cluster-item:hover {
border-color: #0284c7;
color: #0284c7;
transform: translateX(2px);
}
.m6-bottom-cta {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
border-radius: 14px;
padding: 36px 28px;
text-align: center;
color: #ffffff;
margin-top: 40px;
}
.m6-bottom-cta h3 {
font-size: 22px;
color: #ffffff !important;
margin: 0 0 10px 0;
}
.m6-bottom-cta p {
font-size: 15px;
color: #cbd5e1;
max-width: 650px;
margin: 0 auto 20px auto;
}
.m6-btn-white {
background: #ffffff;
color: #0f172a !important;
font-weight: 700;
font-size: 15.5px;
padding: 13px 28px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease;
}
.m6-btn-white:hover {
background: #f8fafc;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(255,255,255,0.2);
}
.m6-info-callout {
background: #f0fdf4;
border-left: 4px solid #16a34a;
padding: 14px 18px;
border-radius: 0 8px 8px 0;
margin: 20px 0;
font-size: 14.5px;
color: #166534;
}
.m6-warning-callout {
background: #fffbeb;
border-left: 4px solid #f59e0b;
padding: 14px 18px;
border-radius: 0 8px 8px 0;
margin: 20px 0;
font-size: 14.5px;
color: #92400e;
}
@media (max-width: 768px) {
.m6-landing-wrapper { padding: 16px 14px 40px 14px; }
.m6-page-title { font-size: 24px; }
.m6-action-box { padding: 22px 18px; }
.m6-action-buttons { flex-direction: column; }
.m6-btn-main, .m6-btn-sub { text-align: center; justify-content: center; }
.m6-grid-2, .m6-grid-3, .m6-grid-4 { grid-template-columns: 1fr; }
.m6-steps-grid { grid-template-columns: repeat(2, 1fr); }
}
VSTEP Writing Practice – Luyện viết Task 1 và Task 2
Luyện VSTEP Writing với Task 1 Email/Letter và Task 2 Essay, kèm chủ đề thực hành và hướng dẫn mở bài, thân bài, kết bài. Phần thi Viết VSTEP Bậc 3–5 diễn ra trong 60 phút trên máy tính, gồm Task 1 viết thư hoặc email tương tác tối thiểu 120 từ và Task 2 viết bài luận học thuật tối thiểu 250 từ. Hệ thống cung cấp chủ đề thực hành thực tế, gợi ý dàn ý chi tiết và hướng dẫn căn chỉnh thời gian chuẩn xác theo barem 4 tiêu chí chấm điểm chính thức của Bộ GD&ĐT.
Luyện Viết Thư & Bài Luận VSTEP Trực Tuyến
Rèn luyện kỹ năng viết thư 120 từ và bài luận học thuật 250 từ. Nắm vững cấu trúc mở bài, phát triển thân bài, viết kết bài và khắc phục các lỗi ngữ pháp thường gặp.
Luyện Writing Task 1: Viết Thư / Email (Tối thiểu 120 từ)
Task 1 chiếm khoảng 1/3 tổng điểm phần Viết, thời gian khuyến nghị làm bài là 20 phút. Thường bao gồm thư thân mật (Informal), bán trang trọng (Semi-formal) và trang trọng (Formal).
Cấu Trúc Thư & Email Task 1
Hướng dẫn từng bước viết thư đạt chuẩn yêu cầu: phân tích mục đích viết, xác định văn phong formal/informal và trả lời đầy đủ 3 ý của đề bài.
Cách Viết Mở Bài & Kết Bài Thư
Kỹ thuật viết câu chào hỏi, nêu lý do viết thư tự nhiên và viết lời chào kết thúc phù hợp cho từng bối cảnh thư phàn nàn, thư cảm ơn hay thư mời.
Tuyển Tập Mẫu Câu Task 1
Bộ mẫu câu ăn điểm dùng để đưa ra lời khuyên, đề xuất, phàn nàn, xin lỗi, cảm ơn và hẹn gặp lại giúp tăng độ trôi chảy và chính xác ngữ pháp.
Luyện Writing Task 2: Bài Luận Học Thuật (Tối thiểu 250 từ)
Task 2 chiếm khoảng 2/3 tổng điểm phần Viết, thời gian khuyến nghị làm bài là 40 phút. Yêu cầu lập luận chặt chẽ, dẫn chứng xác thực và sử dụng từ vựng học thuật phong phú.
Cấu Trúc Essay & Lập Dàn Ý
Khung bài luận chuẩn 4 đoạn: Mở bài (Introduction), 2 đoạn Thân bài (Body Paragraphs) và Kết bài (Conclusion). Phân tích dàn ý cho dạng Agree/Disagree và Discussion.
Cách Viết Mở Bài Task 2
Kỹ thuật paraphrase đề bài (Background sentence) và viết câu nêu quan điểm luận điểm rõ ràng (Thesis statement) chỉ trong 2-3 câu ngắn gọn.
Cách Phát Triển Ý Thân Bài
Mô hình phát triển ý PEEL (Point – Explanation – Example – Link) giúp lập luận có chiều sâu, luận cứ vững chắc và không bị cụt ý giữa chừng.
Cách Viết Kết Bài Task 2
Kỹ thuật khẳng định lại luận điểm (Restatement) và tóm tắt các ý chính (Summary) mà không đưa thêm thông tin mới, hoàn thiện bài viết đúng thời hạn.
10 Lỗi Ngữ Pháp Thường Gặp
Khắc phục các lỗi sai phổ biến khiến bài viết bị trừ điểm: lỗi hòa hợp chủ vị, sai thì động từ, câu cụt (fragment), run-on sentence và sai giới từ.
4 Tiêu Chí Chấm Điểm B1–B2–C1
Hiểu rõ 4 tiêu chí khảo thí chính thức: Task Fulfilment (Đáp ứng yêu cầu đề), Organization (Tổ chức bài), Vocabulary (Từ vựng) và Grammar (Ngữ pháp).
Đề thi VSTEP có phần Writing khuyên dùng
Luyện tập gõ bài viết trên máy tính để làm quen với bàn phím và tốc độ hoàn thành cả 2 Task trong 60 phút.
Bắt đầu luyện VSTEP Writing trên máy tính
Làm quen với thao tác gõ bài Task 1 và Task 2 qua đề thi số 1 miễn phí để quản lý thời gian 60 phút tốt nhất.