.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 Practice Test Online – Luyện đề VSTEP trên HOC247
Làm VSTEP Practice Test online trên HOC247 với trọn bộ bài luyện Listening, Reading, Writing và Speaking, theo dõi kết quả và tiếp tục luyện tập theo định dạng chuẩn kỳ thi đánh giá năng lực tiếng Anh Bậc 3–5 (B1–B2–C1). Hệ thống mô phỏng 100% phòng thi máy tính trực tuyến theo quy chế khảo thí của Bộ Giáo dục và Đào tạo, tích hợp đồng hồ đếm ngược, chấm điểm trắc nghiệm tức thì và lưu trữ tiến độ học tập. Học viên có thể bắt đầu ngay với đề thi số 1 hoàn toàn miễn phí hoặc chọn luyện sâu theo từng kỹ năng mục tiêu.
Phòng Luyện Thi Thử VSTEP Practice Test Trực Tuyến
Trải nghiệm không gian thi máy tính bám sát kỳ thi thực tế tại các trường Đại học được cấp phép. Làm bài trắc nghiệm chấm điểm tự động, quản lý thời gian thi 4 kỹ năng và xem lại kết quả chi tiết.
Luyện tập theo từng kỹ năng mục tiêu
Chọn kỹ năng bạn cần củng cố để làm quen với cấu trúc đề thi, dạng câu hỏi và chiến lược làm bài hiệu quả nhất.
VSTEP Listening Practice
Luyện nghe trọn vẹn 3 Part: Thông báo ngắn, Hội thoại 3 người và Bài giảng học thuật. Audio phát 1 lần theo chuẩn phòng thi.
VSTEP Reading Practice
Chinh phục 4 Passage học thuật với 5 dạng câu hỏi trọng tâm: Main Idea, Detail, Vocab in Context, Reference và Inference.
VSTEP Writing Practice
Thực hành viết Task 1 (Thư/Email 120 từ) và Task 2 (Bài luận 250 từ). Giao diện soạn thảo máy tính kèm bộ đề thực tế.
VSTEP Speaking Practice
Rèn luyện 3 phần thi nói trên máy tính: Giao tiếp xã hội, Thảo luận giải pháp và Phát triển chủ đề với 20 đề bài phổ biến.
Danh sách bộ đề VSTEP Practice Test trên HOC247
Bộ đề thi thử thực tế được xây dựng chuẩn ngân hàng đề VSTEP Bậc 3–5. Đề số 1 hoàn toàn miễn phí làm trực tiếp trên hệ thống.
Cách luyện VSTEP trên HOC247
Quy trình làm bài thi thử minh bạch, chuẩn xác với 6 bước rõ ràng trên nền tảng.
Tham khảo các bài viết chuyên sâu về định dạng đề thi, barem điểm và chiến lược ôn luyện hiệu quả:
Bắt đầu luyện VSTEP Practice Test ngay hôm nay
Làm đề thi thử số 1 hoàn toàn miễn phí để kiểm tra trình độ hiện tại và chuẩn bị tốt nhất cho kỳ thi VSTEP chính thức.