/* Public pages that still use the old markup (program and course pages, academy profile, my profile, promo code...).
   They get the new header and footer from the layout. This file only brings their details closer to the new design:
   the brand red, rounder buttons, fields and cards. It changes no layout, so the old pages keep working as they are. */
body.gea-old{margin:0;background:#fff;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.gea-old-main{min-height:60vh}
/* the old layout drew a line under every page: gone */
.gea-old-main>hr:last-child{display:none}
/* plain pages that start with a title (account settings and similar) begin below the fixed header */
.gea-old-main>h1:first-child,.gea-old-main>h2:first-child,.gea-old-main>hgroup:first-child,.gea-old-main>p:first-child{margin-top:120px;padding-inline:clamp(16px,4vw,40px)}
/* brand red */
.gea-old .text-primary{color:#cf3a27!important}
.gea-old .bg-primary{background-color:#cf3a27!important}
.gea-old-main .btn{border-radius:999px;font-weight:600;box-shadow:none}
.gea-old-main .btn.btn-primary,.gea-old .modal .btn.btn-primary{background-color:#cf3a27;border-color:#cf3a27;color:#fff}
.gea-old-main .btn.btn-primary:hover,.gea-old-main .btn.btn-primary:focus,.gea-old .modal .btn.btn-primary:hover{background-color:#a92c1c;border-color:#a92c1c;color:#fff}
.gea-old-main .btn.btn-outline-primary{border-color:#cf3a27;color:#cf3a27}
.gea-old-main .btn.btn-outline-primary:hover{background-color:#cf3a27;border-color:#cf3a27;color:#fff}
/* fields, cards, dialogs */
.gea-old-main .form-control,.gea-old .modal .form-control{border-radius:12px}
.gea-old-main .form-control:focus,.gea-old .modal .form-control:focus{border-color:#cf3a27;box-shadow:0 0 0 3px rgba(207,58,39,.14)}
.gea-old-main .card{border-radius:16px}
.gea-old .modal-content{border-radius:20px}
.gea-old-main :focus-visible{outline:3px solid #cf3a27;outline-offset:3px}