/* Scoped to GermanLearning's course enquiry; does not affect global PBD styles. */
.glce-section, .glce-section * { box-sizing: border-box; }
.glce-section { position: relative; isolation: isolate; width: 100%; overflow: hidden; padding: 76px 24px 86px; color: #fff; background: linear-gradient(124deg,#061b60 0%,#083dcf 110%); font-family: "Open Sans", Arial, sans-serif; }
/* v1.0.1: Generate DEUTSCH as a decorative pseudo-element anchored to the
   heading. Unlike regular text, a pseudo-element will not be split or resized
   by PBD's phone text-containment rules. It never receives focus or clicks. */
.glce-section { container-type: inline-size; }
.glce-section .glce-heading { position: relative; isolation: isolate; }
.glce-section .glce-heading::before {
  content: "DEUTSCH";
  position: absolute;
  top: clamp(4px, 1.8cqw, 22px);
  left: 0;
  z-index: -1;
  display: block;
  width: max-content;
  max-width: none;
  color: rgba(255,255,255,.07);
  font: 800 clamp(60px,20vw,240px)/1 Poppins,Arial,sans-serif; /* fallback */
  font-size: clamp(60px,20cqw,240px); /* sizes to section, not browser */
  letter-spacing: -.07em;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  pointer-events: none;
  user-select: none;
}
.glce-section .glce-heading-main,
.glce-section .glce-heading-note { position: relative; z-index: 1; }
.glce-section:after { content: ""; position: absolute; width: 380px; height: 380px; right: -170px; top: -155px; border: 1px solid rgba(255,206,0,.19); border-radius: 50%; pointer-events: none; z-index: -1; }
.glce-section .glce-inner { width: min(100%,1240px); margin: 0 auto; position:relative; z-index:1; }
.glce-section .glce-heading { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(220px,.65fr); gap: clamp(25px,5vw,75px); align-items: end; margin-bottom: 35px; }
.glce-section .glce-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 21px; font: 700 12px/1.4 Poppins,Arial,sans-serif; letter-spacing: .16em; color: #ffdf56; }
.glce-section .glce-gold-rule { display: inline-block; width: 32px; height: 4px; border-radius: 9px; background: #ffce00; }
.glce-section h2, .glce-section h3 { font-family: Poppins,Arial,sans-serif !important; letter-spacing: -.035em; }
.glce-section h2 { font-size: clamp(34px,4.8vw,60px) !important; font-weight: 600 !important; line-height: 1.14 !important; color: #fff !important; margin:0 0 19px !important; max-width: 790px; }
.glce-section h2 em { font-style: normal; color: #ffce00; }
.glce-section .glce-lead { max-width: 750px; font-size: 16px; line-height: 1.72; color: #edf1ff; margin:0 !important; }
.glce-section .glce-heading-note { padding: 19px 0 4px 23px; border-left: 3px solid #ffce00; }
.glce-section .glce-heading-note strong { color: #ffdf56; letter-spacing:.07em; font: 700 12px/1.45 Poppins,Arial,sans-serif; }
.glce-section .glce-heading-note p { color: #fff !important; margin: 8px 0 0 !important; font-size: 14px; line-height: 1.75; }
.glce-section .glce-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(275px,.9fr); gap: 22px; align-items: start; }
.glce-section .glce-form-card { border:1px solid rgba(255,255,255,.5); padding: clamp(24px,3.1vw,39px); background:#fff; color:#031a5b; border-radius:18px; box-shadow:0 17px 45px rgba(0,9,45,.15); min-width:0; }
.glce-section .glce-form-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.glce-section .glce-small-kicker { font:700 10px/1.4 Poppins,Arial,sans-serif; color:#083dcf; letter-spacing:.15em; }
.glce-section .glce-form-card h3 { font-size: 25px !important; line-height:1.22 !important; margin:6px 0 0 !important; color:#031a5b !important; font-weight:600; }
.glce-section .glce-form-step { font:700 11px/1.3 Poppins,Arial,sans-serif; color:#7180a4; white-space:nowrap; }
.glce-section .glce-form-intro { margin:11px 0 22px !important; color:#586686 !important; font-size:13px; line-height:1.55; }
.glce-section .glce-form { display:grid; gap:16px; }
.glce-section .glce-fields-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.glce-section .glce-field { display:grid; gap:7px; min-width:0; }
.glce-section .glce-field label { color:#031a5b !important; font:600 12px/1.45 "Open Sans",Arial,sans-serif; margin:0; }
.glce-section .glce-field label>span:not(.glce-optional) { color:#bc7000; }
.glce-section .glce-optional { color:#68789b; font-weight:400; }
.glce-section .glce-field input, .glce-section .glce-field select, .glce-section .glce-field textarea { display:block; box-sizing:border-box; width:100%; max-width:100%; min-height:46px; padding:11px 13px; font:400 14px/1.4 "Open Sans",Arial,sans-serif; color:#031a5b !important; background:#f9fbff !important; border:1px solid #dbe3f0 !important; border-radius:8px !important; outline:none; box-shadow:none !important; }
.glce-section .glce-field textarea { min-height:100px; resize:vertical; }
.glce-section .glce-field input:focus-visible, .glce-section .glce-field select:focus-visible, .glce-section .glce-field textarea:focus-visible { outline:2px solid #083dcf; outline-offset:2px; border-color:#083dcf !important; }
.glce-section .glce-field input::placeholder, .glce-section .glce-field textarea::placeholder { color:#8490a8; opacity:1; }
.glce-section .glce-consent { display:flex; gap:10px; align-items:flex-start; margin:0; padding:0; color:#34456e !important; font:400 12px/1.6 "Open Sans",Arial,sans-serif; cursor:pointer; }
.glce-section .glce-consent input { accent-color:#083dcf; margin:3px 0 0; width:17px; height:17px; flex:0 0 17px; }
.glce-section .glce-consent a { color:#083dcf !important; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.glce-section .glce-consent strong { color:#b36c00; }
.glce-section .glce-submit { display:flex; gap:12px; align-items:center; justify-content:center; min-height:49px; width:100%; background:#083dcf; color:#fff; border:0; border-radius:9px; padding:12px 20px; cursor:pointer; font:600 14px/1.4 Poppins,Arial,sans-serif; transition:background .15s,transform .15s; }
.glce-section .glce-submit:hover { background:#031a5b; transform:translateY(-1px); }
.glce-section .glce-submit:focus-visible { outline:3px solid #ffce00; outline-offset:3px; }
.glce-section .glce-submit:disabled { opacity:.7; cursor:progress; transform:none; }
.glce-section .glce-form-footnote { margin:0 !important; color:#69758d !important; font:400 11px/1.55 "Open Sans",Arial,sans-serif; text-align:center; }
.glce-section .glce-status { border-radius:8px; padding:14px 16px; margin:0 0 20px; background:#fff5db; border:1px solid #f1cb66; color:#684711; font-size:13px; line-height:1.55; }
.glce-section .glce-status[hidden] { display:none; }
.glce-section .glce-status-success { background:#edfff3; border-color:#b2dfc0; color:#17522e; }
.glce-section .glce-status-error { background:#fff0f0; border-color:#f3b7b7; color:#8b1d23; }
.glce-section .glce-trap { position:absolute !important; left:-9999px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.glce-section .glce-info { background:#ffce00; color:#031a5b; padding:clamp(23px,3vw,37px); border-radius:18px; min-width:0; box-shadow:0 13px 36px rgba(0,9,45,.13); }
.glce-section .glce-info-icon { width:46px; height:46px; display:grid; place-items:center; margin-bottom:27px; border:2px solid #031a5b; border-radius:50%; font:700 23px/1 Poppins,Arial,sans-serif; }
.glce-section .glce-info-overline { margin:0 0 11px !important; color:#031a5b !important; font:700 11px/1.4 Poppins,Arial,sans-serif; letter-spacing:.12em; }
.glce-section .glce-info h3 { margin:0 0 14px !important; font-size:clamp(22px,2vw,30px) !important; line-height:1.26 !important; font-weight:600 !important; color:#031a5b !important; }
.glce-section .glce-info p:not(.glce-info-overline) { color:#233760 !important; margin:0 !important; font-size:14px; line-height:1.7; }
.glce-section .glce-info-rule { height:1px; width:100%; background:rgba(3,26,91,.22); margin:25px 0 22px; }
.glce-section .glce-info ul { list-style:none; padding:0; margin:0; display:grid; gap:16px; }
.glce-section .glce-info li { display:flex; align-items:start; gap:10px; font:600 13px/1.55 "Open Sans",Arial,sans-serif; }
.glce-section .glce-info li>span { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; background:#031a5b; color:#ffce00; border-radius:50%; font-size:12px; }
.glce-section .glce-info-contact { display:grid; gap:8px; border-top:1px solid rgba(3,26,91,.22); margin-top:30px; padding-top:22px; }
.glce-section .glce-info-contact strong { font:600 12px/1.4 Poppins,Arial,sans-serif; }
.glce-section .glce-info-contact a { font:600 13px/1.5 Poppins,Arial,sans-serif; color:#031a5b !important; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:980px){.glce-section {padding:60px 22px 65px}.glce-section .glce-heading {grid-template-columns:1fr;gap:18px}.glce-section .glce-heading-note {max-width:660px}.glce-section .glce-grid {grid-template-columns:minmax(0,1fr) minmax(235px,.68fr);gap:16px}.glce-section .glce-form-card {padding:24px}.glce-section .glce-info {padding:24px}.glce-section .glce-fields-two {grid-template-columns:1fr;gap:16px}}
@media(max-width:760px){.glce-section{padding:49px 18px 55px}.glce-section .glce-grid {grid-template-columns:1fr}.glce-section .glce-heading {margin-bottom:27px}.glce-section h2 {font-size:clamp(31px,6vw,42px) !important}.glce-section .glce-heading-note {padding:12px 0 0 15px}.glce-section .glce-form-card,.glce-section .glce-info {max-width:700px;width:100%;margin:0 auto}.glce-section .glce-info-icon{margin-bottom:15px}.glce-section .glce-info-rule{margin:18px 0}}
@media(max-width:480px){.glce-section{padding:43px 14px 46px}.glce-section h2{font-size:clamp(29px,8vw,34px) !important}.glce-section .glce-lead {font-size:14px}.glce-section .glce-form-card {padding:20px 16px}.glce-section .glce-form-card h3{font-size:21px !important}.glce-section .glce-form-title-row {align-items:flex-start}.glce-section .glce-info {padding:23px 20px}.glce-section .glce-field input,.glce-section .glce-field select,.glce-section .glce-field textarea {font-size:16px}.glce-section .glce-fields-two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.glce-section .glce-submit{transition:none}.glce-section .glce-submit:hover{transform:none}}
