/* ============================================
BLOG HUB PAGE STYLES
============================================ */
.blog-hub {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif;
color: #1e293b;
line-height: 1.7;
}
/* Hero Section */
.blog-hero {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
padding: 80px 20px 100px;
position: relative;
overflow: hidden;
}
.blog-hero::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at 30% 50%, rgba(14, 165, 233, 0.1) 0%, transparent 50%),
radial-gradient(circle at 70% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 50%);
}
.blog-hero-content {
max-width: 900px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 1;
}
.blog-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(14, 165, 233, 0.2);
border: 1px solid rgba(14, 165, 233, 0.3);
padding: 10px 20px;
border-radius: 50px;
font-size: 14px;
color: #7dd3fc;
margin-bottom: 24px;
font-weight: 500;
}
.blog-hero h1 {
font-size: clamp(2.2rem, 5vw, 3.5rem);
font-weight: 800;
color: #f8fafc;
margin: 0 0 20px;
line-height: 1.15;
}
.blog-hero h1 .gradient-text {
background: linear-gradient(90deg, #22d3ee, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blog-hero-subtitle {
font-size: 1.2rem;
color: #cbd5e1;
margin-bottom: 36px;
max-width: 650px;
margin-left: auto;
margin-right: auto;
line-height: 1.7;
}
/* Search Box */
.blog-search {
max-width: 500px;
margin: 0 auto;
position: relative;
}
.blog-search input {
width: 100%;
padding: 18px 24px 18px 56px;
border-radius: 50px;
border: 2px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.05);
color: #f8fafc;
font-size: 16px;
transition: all 0.3s ease;
}
.blog-search input::placeholder {
color: #94a3b8;
}
.blog-search input:focus {
outline: none;
border-color: #0ea5e9;
background: rgba(255, 255, 255, 0.1);
}
.blog-search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #94a3b8;
}
/* Stats Row */
.blog-stats {
display: flex;
justify-content: center;
gap: 48px;
flex-wrap: wrap;
margin-top: 48px;
}
.blog-stat {
text-align: center;
}
.blog-stat-value {
font-size: 2.5rem;
font-weight: 800;
background: linear-gradient(90deg, #22d3ee, #0ea5e9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blog-stat-label {
font-size: 14px;
color: #94a3b8;
margin-top: 4px;
}
/* Section Styles */
.blog-section {
padding: 80px 20px;
}
.blog-container {
max-width: 1200px;
margin: 0 auto;
}
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-header h2 {
font-size: 2.2rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px;
}
.section-header p {
color: #475569;
font-size: 1.1rem;
margin: 0;
}
/* Featured Articles Grid */
.featured-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 24px;
margin-bottom: 48px;
}
@media (max-width: 900px) {
.featured-grid {
grid-template-columns: 1fr;
}
}
.featured-main {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
border-radius: 24px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 400px;
position: relative;
overflow: hidden;
text-decoration: none;
transition: transform 0.3s ease;
}
.featured-main:hover {
transform: translateY(-4px);
}
.featured-main::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);
}
.featured-main-content {
position: relative;
z-index: 1;
}
.featured-main .category-badge {
display: inline-block;
background: #0ea5e9;
color: #fff;
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.featured-main h3 {
font-size: 1.75rem;
font-weight: 700;
color: #f8fafc;
margin: 0 0 12px;
line-height: 1.3;
}
.featured-main p {
color: #cbd5e1;
font-size: 1rem;
margin: 0 0 16px;
line-height: 1.6;
}
.featured-main .read-more {
color: #7dd3fc;
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.featured-sidebar {
display: flex;
flex-direction: column;
gap: 24px;
}
.featured-small {
background: #f8fafc;
border-radius: 16px;
padding: 24px;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
flex: 1;
}
.featured-small:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
border-color: #0ea5e9;
}
.featured-small .category-badge {
display: inline-block;
background: #ecfdf5;
color: #059669;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.featured-small h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
line-height: 1.4;
}
.featured-small p {
color: #64748b;
font-size: 14px;
margin: 0;
line-height: 1.5;
}
/* Category Cards */
.categories-section {
background: #f8fafc;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
}
.category-card {
background: #fff;
border-radius: 20px;
padding: 32px;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
position: relative;
overflow: hidden;
}
.category-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
border-color: transparent;
}
.category-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(–card-gradient);
}
.category-card.resume { –card-gradient: linear-gradient(90deg, #0ea5e9, #22d3ee); }
.category-card.interview { –card-gradient: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.category-card.career { –card-gradient: linear-gradient(90deg, #10b981, #34d399); }
.category-card.cover-letter { –card-gradient: linear-gradient(90deg, #ec4899, #f472b6); }
.category-card.ats { –card-gradient: linear-gradient(90deg, #f59e0b, #fbbf24); }
.category-card.ai-tools { –card-gradient: linear-gradient(90deg, #6366f1, #818cf8); }
.category-card.job-search { –card-gradient: linear-gradient(90deg, #ef4444, #f87171); }
.category-card.ksa { –card-gradient: linear-gradient(90deg, #059669, #10b981); }
.category-card .icon-box {
width: 60px;
height: 60px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin-bottom: 20px;
background: var(–card-gradient);
}
.category-card h3 {
font-size: 1.25rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
}
.category-card p {
color: #64748b;
font-size: 14px;
margin: 0 0 16px;
line-height: 1.6;
}
.category-card .post-count {
font-size: 13px;
color: #94a3b8;
font-weight: 500;
}
/* Latest Posts */
.latest-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 24px;
}
.post-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}
.post-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
.post-card-image {
height: 180px;
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
}
.post-card-content {
padding: 24px;
}
.post-card .category-badge {
display: inline-block;
background: #f1f5f9;
color: #475569;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.post-card h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
line-height: 1.4;
}
.post-card p {
color: #64748b;
font-size: 14px;
margin: 0 0 16px;
line-height: 1.6;
}
.post-card .meta {
display: flex;
align-items: center;
gap: 16px;
font-size: 13px;
color: #94a3b8;
}
/* Popular Topics */
.topics-section {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
color: #fff;
}
.topics-section .section-header h2,
.topics-section .section-header p {
color: #f8fafc;
}
.topics-section .section-header p {
color: #cbd5e1;
}
.topics-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.topic-tag {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 12px 24px;
border-radius: 50px;
color: #e2e8f0;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.topic-tag:hover {
background: rgba(14, 165, 233, 0.3);
border-color: #0ea5e9;
color: #fff;
}
/* Newsletter Section */
.newsletter-section {
background: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
padding: 80px 20px;
text-align: center;
}
.newsletter-content {
max-width: 600px;
margin: 0 auto;
}
.newsletter-content h2 {
font-size: 2rem;
font-weight: 700;
color: #fff;
margin: 0 0 12px;
}
.newsletter-content p {
font-size: 1.1rem;
color: #f0f9ff;
margin: 0 0 32px;
}
.newsletter-form {
display: flex;
gap: 12px;
max-width: 450px;
margin: 0 auto;
}
.newsletter-form input {
flex: 1;
padding: 16px 24px;
border-radius: 50px;
border: none;
font-size: 16px;
}
.newsletter-form button {
background: #0f172a;
color: #fff;
padding: 16px 32px;
border-radius: 50px;
border: none;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.newsletter-form button:hover {
background: #1e293b;
transform: translateY(-2px);
}
@media (max-width: 500px) {
.newsletter-form {
flex-direction: column;
}
}
/* Quick Resources */
.resources-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.resource-card {
background: #f8fafc;
border-radius: 12px;
padding: 24px;
text-decoration: none;
display: flex;
align-items: center;
gap: 16px;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}
.resource-card:hover {
background: #fff;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
border-color: #0ea5e9;
}
.resource-card .icon {
width: 50px;
height: 50px;
border-radius: 12px;
background: linear-gradient(135deg, #0ea5e9, #22d3ee);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
flex-shrink: 0;
}
.resource-card h4 {
font-size: 1rem;
font-weight: 600;
color: #0f172a;
margin: 0 0 4px;
}
.resource-card p {
font-size: 13px;
color: #64748b;
margin: 0;
}
/* CTA Section */
.blog-cta-section {
background: #fff;
padding: 60px 20px;
text-align: center;
}
.blog-cta-box {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
border-radius: 24px;
padding: 60px 40px;
max-width: 900px;
margin: 0 auto;
}
.blog-cta-box h2 {
font-size: 2rem;
font-weight: 700;
color: #f8fafc;
margin: 0 0 16px;
}
.blog-cta-box p {
font-size: 1.1rem;
color: #cbd5e1;
margin: 0 0 32px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.blog-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #0ea5e9, #22d3ee);
color: #fff;
padding: 18px 40px;
border-radius: 50px;
font-size: 17px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
.blog-cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(14, 165, 233, 0.4);
}
/* Mobile */
@media (max-width: 768px) {
.blog-hero {
padding: 60px 16px 80px;
}
.blog-stats {
gap: 32px;
}
.blog-stat-value {
font-size: 2rem;
}
.featured-grid {
grid-template-columns: 1fr;
}
.latest-posts-grid {
grid-template-columns: 1fr;
}
}
Conseils carrière d’experts &
📚 Centre de ressources carrière • Mis à jour chaque semaine
Conseils carrière d’experts &
Astuces pour rédiger votre CV
Votre guide complet pour décrocher le job de vos rêves. Conseils d’experts sur la rédaction de CV, la préparation aux entretiens, l’optimisation ATS et des stratégies de développement de carrière qui fonctionnent vraiment.
350+
Articles d’experts
8
Catégories de sujets
6M+
Lecteurs aidés
Articles à la une
Nos ressources les plus populaires et utiles
Parcourir par catégorie
Trouvez exactement ce qu’il vous faut pour votre recherche d’emploi
📝
Rédaction de CV
Maîtrisez l’art du CV avec des guides complets, exemples et conseils d’experts.
200+ articles🎯
Préparation à l’entretien
Réussissez vos entretiens grâce à des stratégies de préparation, questions fréquentes et méthodes de réponse.
15+ articles🚀
Développement de carrière
Faites évoluer votre carrière avec des stratégies de progression et des conseils sur le développement des compétences.
17+ articles✉️
Lettres de motivation
Rédigez des lettres de motivation percutantes pour attirer l’attention des recruteurs.
20+ articles🤖
Optimisation ATS
Déjouez les systèmes de suivi des candidatures avec des conseils de mise en forme et de mots-clés.
25+ articles🧠
Outils IA & Tech
Exploitez l’IA pour créer de meilleurs CV et accélérer votre recherche d’emploi.
24+ articles🔍
Stratégie de recherche d’emploi
Des stratégies efficaces pour trouver des opportunités et décrocher le poste idéal.
10+ articles🇸🇦
Emplois KSA & Golfe
Guides spécialisés pour les chercheurs d’emploi en Arabie Saoudite et dans la région du Golfe.
30+ articlesDerniers articles
Nouveaux conseils et astuces publiés chaque semaine
📋
Rédaction de CV
200+ verbes d’action pour CV qui décrochent des entretiens (Liste 2026)
Mots puissants pour transformer des puces faibles en réalisations concrètes.
💼
Conseils carrière
Comment expliquer les trous dans un CV
Transformez les pauses professionnelles en atouts grâce à ces stratégies éprouvées.
🎯
Astuces CV
Objectif ou résumé de CV : lequel choisir en 2026 ?
Quand utiliser chaque option et comment bien les rédiger.
🎓
Débutant
Que mettre sur un CV sans expérience
Guide complet pour étudiants et personnes en reconversion.
📏
FAQ
Quelle longueur pour un CV ? Guide complet 2026
La réponse définitive selon votre expérience et secteur.
🤝
Compétences
Soft skills pour CV : lesquelles et comment les valoriser
Les compétences interpersonnelles les plus recherchées en 2026.
Sujets populaires
Accès rapide aux thèmes les plus recherchés
Ressources rapides
Outils et guides essentiels pour booster votre recherche d’emploi
🤖
Créateur de CV IA
Créez votre CV en quelques minutes
🎨
Modèles de CV
100+ modèles professionnels
📄
Exemples de CV
Exemples par secteur d’activité
✉️
Créateur de lettre de motivation
Rédaction assistée par IA
✓
Vérificateur ATS
Testez la compatibilité de votre CV
⚖️
Comparatif d’outils
Trouvez le meilleur créateur de CV
Prêt à créer un CV gagnant ?
Mettez ces conseils en pratique avec notre créateur de CV assisté par IA. Créez un CV professionnel et optimisé ATS en quelques minutes.
Créez votre CV gratuit →💡 Astuce : StylingCV n’est pas qu’un créateur de CV — c’est un créateur intelligent qui réfléchit. Créateur de CV IA optimisé ATS en moins de 2 minutes.