/*
 * Typografia inspirowana stroną produktową QMPELL EVO.
 * Nagłówki: Montserrat. Teksty użytkowe i opisy: Source Sans 3.
 * Zakres: Platforma szkoleniowa, formularz szkoleniowy i ekran logowania.
 */

body.pereko-page-training-platform,
body.pereko-page-training-form,
body.pereko-page-login{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-training-platform p,
.pereko-page-training-platform small,
.pereko-page-training-platform label,
.pereko-page-training-platform a,
.pereko-page-training-platform button,
.pereko-page-training-form p,
.pereko-page-training-form small,
.pereko-page-training-form label,
.pereko-page-training-form input,
.pereko-page-training-form select,
.pereko-page-training-form textarea,
.pereko-page-training-form button,
.pereko-page-login p,
.pereko-page-login small,
.pereko-page-login label,
.pereko-page-login input,
.pereko-page-login button{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-training-platform h1,
.pereko-page-training-platform h2,
.pereko-page-training-platform h3,
.pereko-page-training-platform b,
.pereko-page-training-platform strong,
.pereko-page-training-form h1,
.pereko-page-training-form h2,
.pereko-page-training-form h3,
.pereko-page-training-form b,
.pereko-page-training-form strong,
.pereko-page-login h1,
.pereko-page-login h2,
.pereko-page-login b,
.pereko-page-login strong{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}

/* Główna Platforma szkoleniowa — większy, czytelny widok komputerowy. */
@media(min-width:1000px){
  .pereko-page-training-platform .training-hero h1{
    font-size:clamp(62px,4.8vw,84px)!important;
    line-height:1.02!important;
    font-weight:800!important;
    letter-spacing:-.045em!important;
  }
  .pereko-page-training-platform .training-hero-copy p{max-width:900px!important;font-size:18px!important;line-height:1.55!important}
  .pereko-page-training-platform .eyebrow,
  .pereko-page-training-platform .section-head label,
  .pereko-page-training-platform .audience-intro label{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;font-weight:700!important}
  .pereko-page-training-platform .hero-panel b{font-size:28px!important;line-height:1.2!important}
  .pereko-page-training-platform .hero-panel p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-platform .section-head h2,
  .pereko-page-training-platform .audience-intro h2{font-size:38px!important;line-height:1.14!important;font-weight:700!important;letter-spacing:-.03em!important}
  .pereko-page-training-platform .section-head p,
  .pereko-page-training-platform .audience-intro p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-platform .academy-card h3{font-size:28px!important;line-height:1.2!important;font-weight:700!important}
  .pereko-page-training-platform .academy-card p{font-size:16px!important;line-height:1.55!important}
  .pereko-page-training-platform .card-status{font-size:11px!important}
  .pereko-page-training-platform .card-link{font-size:15px!important;line-height:1.3!important}
  .pereko-page-training-platform .audience-card h3{font-size:22px!important;line-height:1.25!important}
  .pereko-page-training-platform .audience-card p{font-size:15px!important;line-height:1.55!important}
  .pereko-page-training-platform .placeholder-card h2,
  .pereko-page-training-platform .b2b-modal-card h2{font-size:32px!important;line-height:1.15!important}
  .pereko-page-training-platform .placeholder-card p,
  .pereko-page-training-platform .b2b-modal-card>p{font-size:16px!important;line-height:1.55!important}
}

/* Formularz zapisów — wspólna skala desktopowa i mobilna. */
.pereko-page-training-form .training-hero h1{font-weight:800!important;letter-spacing:-.045em!important}
.pereko-page-training-form .training-eyebrow,
.pereko-page-training-form .training-summary label,
.pereko-page-training-form .form-section-head label,
.pereko-page-training-form .field>label{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;font-weight:700!important}
.pereko-page-training-form .training-hero p{font-size:17px!important;line-height:1.55!important}
.pereko-page-training-form .training-summary h2{font-size:29px!important;line-height:1.18!important}
.pereko-page-training-form .training-summary p{font-size:15px!important;line-height:1.5!important}
.pereko-page-training-form .summary-tags span{font-size:13px!important}
.pereko-page-training-form .form-section-head h2{font-size:26px!important;line-height:1.2!important}
.pereko-page-training-form .form-section-head label{font-size:11px!important}
.pereko-page-training-form .field>label{font-size:12px!important;line-height:1.35!important}
.pereko-page-training-form .field input,
.pereko-page-training-form .field select,
.pereko-page-training-form .field textarea{font-size:16px!important;line-height:1.4!important;font-weight:600!important}
.pereko-page-training-form .choice label{font-size:15px!important;line-height:1.35!important}
.pereko-page-training-form .participant-head h3{font-size:19px!important}
.pereko-page-training-form .remove-participant,
.pereko-page-training-form .add-participant{font-size:13px!important}
.pereko-page-training-form .consent span{font-size:14px!important;line-height:1.5!important}
.pereko-page-training-form .form-actions p{font-size:14px!important;line-height:1.5!important}
.pereko-page-training-form .submit-training{font-size:15px!important}
.pereko-page-training-form .form-status{font-size:14px!important;line-height:1.45!important}
.pereko-page-training-form .send-confirm-card h2{font-size:30px!important;line-height:1.15!important}
.pereko-page-training-form .send-confirm-card p{font-size:16px!important;line-height:1.55!important}
.pereko-page-training-form .send-confirm-actions button{font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;font-size:15px!important}

@media(min-width:1000px){
  .pereko-page-training-form .training-hero h1{font-size:clamp(62px,4.8vw,84px)!important;line-height:1.02!important}
  .pereko-page-training-form .form-section{padding:31px!important}
  .pereko-page-training-form .form-section-head{margin-bottom:23px!important}
  .pereko-page-training-form .field input,
  .pereko-page-training-form .field select{min-height:52px!important}
}

@media(max-width:620px){
  .pereko-page-training-form .training-hero h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.05!important}
  .pereko-page-training-form .training-hero p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-form .training-summary h2{font-size:25px!important}
  .pereko-page-training-form .training-summary p{font-size:15px!important}
  .pereko-page-training-form .form-section{padding:20px!important}
  .pereko-page-training-form .form-section-head h2{font-size:23px!important}
  .pereko-page-training-form .field input,
  .pereko-page-training-form .field select{min-height:50px!important}
  .pereko-page-training-form .field textarea{min-height:125px!important}
  .pereko-page-training-form .choice label{min-height:64px!important}
  .pereko-page-training-form .consent{padding:14px!important}
}

/* Ekran logowania — ten sam podział krojów i czytelniejsze drobne treści. */
.pereko-page-login .login-brand__copy b,
.pereko-page-login .login-intro h1,
.pereko-page-login .updates-link__text b,
.pereko-page-login .login-features b,
.pereko-page-login .login-card h2{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important}
.pereko-page-login .login-intro h1{font-weight:800!important;letter-spacing:-.045em!important}
.pereko-page-login .login-intro>p{font-size:17px!important;line-height:1.55!important}
.pereko-page-login .updates-link__text small,
.pereko-page-login .login-features small{font-size:12px!important;line-height:1.45!important}
.pereko-page-login .login-card>p{font-size:13px!important;line-height:1.5!important}
.pereko-page-login .access-note,
.pereko-page-login .security{font-size:10px!important;line-height:1.4!important}
.pereko-page-login .login-field>span{font-size:12px!important}
.pereko-page-login .login-field input{font-size:16px!important}
.pereko-page-login .submit{font-size:15px!important}

@media(max-width:860px){
  .pereko-page-login .login-intro>p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-login .updates-link__text b,
  .pereko-page-login .login-features b{font-size:16px!important;line-height:1.3!important}
  .pereko-page-login .updates-link__text small,
  .pereko-page-login .login-features small{font-size:13px!important;line-height:1.45!important}
  .pereko-page-login .login-card h2{font-size:25px!important;line-height:1.2!important}
  .pereko-page-login .login-card>p{font-size:15px!important}
  .pereko-page-login .access-switch button{font-size:13px!important}
  .pereko-page-login .access-note,
  .pereko-page-login .security{font-size:11px!important}
  .pereko-page-login .login-field>span{font-size:12px!important}
  .pereko-page-login .login-field input{min-height:50px!important}
  .pereko-page-login .submit{min-height:50px!important}
}