.formations-hero { padding: 144px 0 76px; background: radial-gradient(circle at 88% 18%, #fff0e4, transparent 42%), #f8fafc; }
.formations-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 58px; align-items: center; }
.formations-hero h1 { max-width: 720px; margin-bottom: 20px; letter-spacing: -.035em; }
.formations-hero .lead { font-size: 1.13rem; max-width: 650px; }
.formations-hero .actions { margin-top: 28px; }
.formations-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #ad4100; font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 14px; }
.formations-board { background: #fff; border: 1px solid #dce3eb; border-radius: 18px; box-shadow: 0 22px 50px #1b263b16; overflow: hidden; }
.formations-board-head { background: #1b263b; color: #fff; padding: 16px 22px; font-size: .82rem; font-weight: 700; }
.formations-board-body { padding: 27px; }
.formations-board-label { display: block; font-size: .72rem; font-weight: 800; color: #546175; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; }
.formations-invoice { display: grid; grid-template-columns: 1fr auto; gap: 5px 18px; padding: 20px; border: 1px solid #dce3eb; border-radius: 12px; background: #f8fafc; }
.formations-invoice strong { color: #1b263b; }.formations-invoice span { color: #546175; font-size: .86rem; }.formations-invoice b { color: #ad4100; }
.formations-flow { display: flex; align-items: center; gap: 10px; margin: 16px 0; color: #ad4100; font-size: .85rem; font-weight: 700; }.formations-flow::before { content: '↓'; font-size: 1.45rem; }
.formations-complete { padding: 18px 20px; border-radius: 12px; background: #e9f5ef; color: #175537; font-weight: 800; }.formations-complete small { display: block; margin-top: 4px; color: #345a47; font-weight: 500; }
.formations-board-note { margin-top: 14px; font-size: .74rem; }
.formations-section { padding: 72px 0; }.formations-section.alt { background: #f8fafc; }.formations-section h2 { margin-bottom: 15px; }.formations-section .intro { max-width: 780px; margin-bottom: 34px; }
.formations-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }.formations-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #dce3eb; border-radius: 17px; padding: 31px; box-shadow: 0 4px 24px #1b263b08; }.formations-card h3 { font-size: 1.45rem; margin-bottom: 12px; }.formations-card p { margin-bottom: 19px; }.formations-card ul { list-style: none; margin-bottom: 25px; }.formations-card li { padding: 8px 0 8px 23px; position: relative; color: #334155; font-size: .93rem; }.formations-card li::before { content: '✓'; position: absolute; left: 0; color: #ad4100; font-weight: 800; }.formations-card .btn { align-self: flex-start; margin-top: auto; }.formations-card .card-kicker { color: #ad4100; font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; margin-bottom: 12px; }
.training-outcomes { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: start; }.training-outcomes-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; list-style: none; }.training-outcomes-list li { border: 1px solid #dce3eb; border-radius: 12px; padding: 18px 20px; color: #334155; background: #fff; }.training-outcomes-list strong { display: block; color: #1b263b; margin-bottom: 6px; }.training-outcomes-list span { font-size: .9rem; color: #546175; }
.scenario-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; }.scenario-card { background: #fff; border: 1px solid #dce3eb; border-radius: 16px; padding: 26px; }.scenario-number { color: #ad4100; font: 700 1rem 'Space Grotesk',sans-serif; }.scenario-card h3 { font-size: 1.25rem; margin: 15px 0; }.scenario-card dl { margin-top: 16px; }.scenario-card dt { color: #1b263b; font-weight: 800; font-size: .86rem; margin-top: 12px; }.scenario-card dd { color: #546175; font-size: .88rem; line-height: 1.55; margin-top: 3px; }
.formations-dark { background: #1b263b; color: #fff; }.formations-dark h2,.formations-dark h3 { color: #fff; }.formations-dark p { color: #d0d9e5; }.formations-dark .formations-eyebrow { color: #ffb685; }
.formations-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; list-style: none; margin-top: 28px; }.formations-steps li { border: 1px solid #ffffff36; border-radius: 14px; padding: 22px; background: #ffffff0a; }.formations-steps b { display: block; color: #ffb685; margin-bottom: 10px; }.formations-steps strong { display: block; color: #fff; margin-bottom: 8px; }.formations-steps span { color: #d0d9e5; font-size: .89rem; }
.formations-contact-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: center; }.formations-contact-grid h2 { margin-bottom: 18px; }.formations-price { padding: 30px; background: #fff2e8; border: 1px solid #f3c7aa; border-radius: 16px; }.formations-price .rate { font: 700 clamp(2.25rem,4vw,3.2rem) 'Space Grotesk',sans-serif; color: #1b263b; line-height: 1.1; }.formations-price .unit { color: #1b263b; font-weight: 700; }.formations-price p { margin-top: 15px; }.formations-price a { color: #ad4100; font-weight: 700; }
#training-form { scroll-margin-top: 104px; }
.formations-back { color: #ad4100; font-weight: 700; display: inline-block; margin-bottom: 22px; }
.training-request-panel { margin-top: 26px; padding: 28px; background: #fff; border: 1px solid #dce3eb; border-radius: 16px; box-shadow: 0 4px 20px #1b263b08; }
.training-request-panel h3 { margin-bottom: 8px; }.training-request-panel > p { font-size: .9rem; margin-bottom: 22px; }
.training-request-form { display: grid; gap: 17px; }.training-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.training-request-form .form-group { min-width: 0; }.training-request-form input,.training-request-form select,.training-request-form textarea { width: 100%; min-width: 0; padding: 12px 14px; border: 2px solid #dce3eb; border-radius: 10px; background: #fff; color: #1b263b; font: inherit; }.training-request-form textarea { min-height: 88px; resize: vertical; }.training-request-form :is(input,select,textarea):focus { outline: none; border-color: #ad4100; box-shadow: 0 0 0 3px #e85d0420; }
.training-request-form label { color: #1b263b; font-size: .88rem; font-weight: 700; }.training-request-form .btn { justify-self: start; }.training-request-form .btn:disabled { opacity: .65; cursor: wait; }
.training-privacy { font-size: .76rem; color: #546175; }.training-privacy a { color: #ad4100; }.training-feedback { padding: 14px 16px; background: #fff1dc; color: #713900; border-radius: 10px; font-size: .9rem; }.training-feedback.success { background: #e8f5ee; color: #14532d; }
@media (max-width: 900px) { .formations-hero-grid,.training-outcomes,.formations-contact-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }.formations-board { max-width: 610px; }.scenario-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 700px) { .formations-hero { padding: 110px 0 45px; }.formations-hero h1 { font-size: 2.2rem; }.formations-hero .lead { font-size: 1rem; }.formations-section { padding: 45px 0; }.formations-card-grid,.training-outcomes-list,.formations-steps,.training-form-row { grid-template-columns: minmax(0,1fr); }.formations-card,.scenario-card,.training-request-panel { padding: 24px; }.formations-board-body { padding: 21px; } }