:root{--primary-color: #101A36;--primary-light: #1e5cb8;--accent-color: #00b4d8;--text-dark: #2d3748;--text-light: #718096;--bg-light: #f8fafc;--shadow-light: 0 4px 20px rgba(11,63,137,0.1);--shadow-medium: 0 8px 30px rgba(11,63,137,0.15);--border-radius: 16px;--transition: all 0.4s cubic-bezier(0.4,0,0.2,1)}.guide-hero{background: linear-gradient(135deg,rgba(16,26,54,.80) 0%,rgba(43,16,82,.80) 100%),url('/img/headers/general/general-5.webp') center center/cover no-repeat #101A36;padding: 120px 40px 60px 40px;text-align: center;color: white;margin-top: 0;position: relative;overflow: hidden}.guide-hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;z-index: 1}.guide-hero-content{position: relative;z-index: 2;max-width: 900px;margin: 0 auto}.hero-title{font-size: clamp(2.5rem,6vw,4rem);font-weight: 800;margin: 0 0 20px 0;text-shadow: 0 4px 20px rgba(0,0,0,0.3);letter-spacing: -0.02em}.hero-subtitle{font-size: clamp(1.2rem,3vw,1.8rem);font-weight: 400;margin: 0;opacity: 0.95;line-height: 1.4}.guide-container{max-width: 1200px;margin: 0 auto;padding: 80px 40px}.featured-formations{margin-bottom: 80px}.featured-formations h2{font-size: clamp(2.2rem,4vw,3rem);font-weight: 700;color: var(--primary-color);margin-bottom: 40px;text-align: center}.formations-featured-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: 30px;margin-top: 40px}.formation-card{background: white;border-radius: var(--border-radius);padding: 28px;box-shadow: var(--shadow-light);border: 1px solid rgba(11,63,137,0.1);transition: var(--transition)}.formation-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-medium)}.formation-card h3{font-size: 1.4rem;font-weight: 700;color: var(--primary-color);margin: 0 0 16px 0;line-height: 1.3}.formation-card p{font-size: 1.2rem;line-height: 1.7;color: var(--text-dark);margin: 0 0 20px 0;font-weight: 600}.formation-card a{display: inline-flex;align-items: center;gap: 8px;color: var(--accent-color);font-weight: 600;font-size: 1rem;text-decoration: none;transition: var(--transition)}.formation-card a:hover{color: var(--primary-color);gap: 12px}.all-categories{margin-top: 80px}.category{margin-bottom: 60px}.category h2{font-size: clamp(2rem,4vw,2.6rem);font-weight: 700;color: var(--primary-color);margin-bottom: 30px;padding-bottom: 16px;border-bottom: 3px solid var(--accent-color)}.formations-list{display: grid;gap: 24px}.btn-see-more{background: var(--primary-color);color: white;padding: 14px 28px;border-radius: 50px;border: none;cursor: pointer;font-weight: 600;font-size: 1rem;transition: var(--transition);display: inline-flex;align-items: center;gap: 8px;margin-top: 20px}.btn-see-more:hover{background: var(--primary-light);transform: translateY(-2px);box-shadow: var(--shadow-medium)}.more-formations{margin-top: 24px}@media (max-width: 768px){.guide-hero{padding: 180px 20px 40px 20px}.hero-title{font-size: clamp(2rem,8vw,3rem);margin-bottom: 16px}.hero-subtitle{font-size: clamp(1.1rem,4vw,1.4rem)}.guide-container{padding: 60px 20px}.formations-featured-grid{grid-template-columns: 1fr;gap: 24px}.formation-card{padding: 24px}.formation-card h3{font-size: 1.3rem}.formation-card p{font-size: 1.1rem;font-weight: 600}.category{margin-bottom: 50px}.category h2{font-size: clamp(1.8rem,6vw,2.4rem);margin-bottom: 24px}}@media (max-width: 480px){.guide-hero{padding: 160px 16px 30px 16px}.hero-title{font-size: clamp(1.8rem,8vw,2.5rem)}.hero-subtitle{font-size: clamp(1rem,4vw,1.2rem)}.guide-container{padding: 40px 16px}.formation-card{padding: 20px}.formation-card h3{font-size: 1.2rem}.formation-card p{font-size: 1.05rem;font-weight: 600}.btn-see-more{width: 100%;justify-content: center}}