.edu-class-registration{--registration-title:#B85F00;--registration-accent:#B58A2F;--registration-soft:#FFF7E6;--registration-line:rgba(233,180,76,.3);background:#fff;padding:64px 0;color:#20252B;font-family:'NotoSan',Arial,sans-serif;position:relative;overflow:hidden;scroll-margin-top:110px}
.edu-class-registration--certificates{--registration-title:#315B8A;--registration-accent:#E88400;--registration-soft:#EEF4FA;--registration-line:rgba(49,91,138,.25)}.edu-class-registration *{box-sizing:border-box}
.edu-class-registration-shell{width:min(1200px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start;position:relative;z-index:1}
.edu-class-registration:before{content:"";position:absolute;left:-100px;bottom:30px;width:330px;height:220px;border:1px solid var(--registration-line);border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.edu-class-registration h2{display:flex;align-items:flex-start;gap:14px;font:700 28px/1.4 'Edu Intro Averta',Arial,sans-serif;text-transform:uppercase;color:var(--registration-title);margin:0 0 30px}
.edu-class-registration h2 svg{flex:0 0 30px;width:30px;height:30px;margin-top:4px;stroke:var(--registration-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.edu-class-registration h2 span:after{content:"";display:block;width:170px;height:14px;border-bottom:1.5px solid var(--registration-accent);border-radius:50%;transform:rotate(-3deg);margin-top:12px}
.edu-class-registration-copy>p{font-size:17px;line-height:1.8;margin:0 0 20px}.edu-class-registration-copy .edu-registration-class-name{color:#315B8A;font-weight:700}
.edu-class-registration-form{padding:30px;background:var(--registration-soft);border-radius:14px;border:1px solid var(--registration-line)}
.edu-registration-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edu-registration-fields>label{display:block;font-size:14px;line-height:1.6;color:#20252B}.edu-registration-fields>label:nth-child(4),.edu-registration-fields>label:last-child{grid-column:1/-1}
.edu-class-registration input:not([type=submit]):not([type=hidden]),.edu-class-registration select,.edu-class-registration textarea{width:100%;min-width:0;min-height:46px;margin-top:8px;padding:10px 12px;border:1px solid var(--registration-line);border-radius:6px;background:#fff;color:#20252B;font:400 15px/1.6 'NotoSan',Arial,sans-serif}.edu-class-registration textarea{height:110px}.edu-class-registration input[type=submit]{min-height:46px;border:0;border-radius:7px;padding:12px 22px;color:#fff;background:var(--registration-title);font:700 16px/1.5 'Edu Intro Averta',Arial,sans-serif;cursor:pointer}
.edu-registration-note{font-size:13px;font-style:italic;line-height:1.7;margin:18px 0;color:#626971}.edu-class-registration :is(input,select,textarea):focus-visible{outline:3px solid var(--registration-accent);outline-offset:2px}
@media(max-width:991px){.edu-class-registration{padding:48px 0}.edu-class-registration-shell{gap:32px}.edu-class-registration h2{font-size:25px}.edu-class-registration-form{padding:24px}}
@media(max-width:767px){.edu-class-registration-shell{grid-template-columns:1fr}}
@media(max-width:575px){.edu-class-registration{padding:40px 0}.edu-class-registration-shell{width:calc(100% - 40px)}.edu-class-registration h2{font-size:22px;gap:10px}.edu-class-registration h2 svg{flex-basis:25px;width:25px;height:25px}.edu-class-registration-copy>p{font-size:16px}.edu-class-registration-form{padding:20px}.edu-registration-fields{grid-template-columns:1fr;gap:16px}.edu-registration-fields>label{grid-column:1!important}}
/* CF7 wraps fields in paragraphs: retain an explicit grid cell per field. */
.edu-class-registration .edu-registration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;width:100%;}
.edu-class-registration .edu-registration-field{min-width:0;width:100%;}
.edu-class-registration .edu-registration-field.is-wide{grid-column:1/-1;}
.edu-class-registration .edu-registration-field>p{margin:0;}
.edu-class-registration .edu-registration-field label{display:block;width:100%;font-size:14px;line-height:1.6;}
.edu-registration-field-label{display:block;margin-bottom:8px;}
.edu-class-registration .edu-registration-field .wpcf7-form-control-wrap{display:block;width:100%;}
.edu-class-registration .edu-registration-field :is(input,select,textarea){width:100%!important;max-width:none!important;margin-top:0;box-sizing:border-box;}
.edu-class-registration .edu-registration-field :is(input,select){height:48px;min-height:48px;}
.edu-class-registration .edu-registration-field textarea{height:110px;min-height:110px;}
.edu-class-registration .edu-registration-field br{display:none;}
.edu-registration-submit>p{margin:0;}
@media(max-width:575px){.edu-class-registration .edu-registration-fields{grid-template-columns:minmax(0,1fr);gap:18px;}.edu-class-registration .edu-registration-field{grid-column:1/-1;}}

.edu-class-registration-copy .edu-registration-class-name{text-transform:uppercase;text-align:center;}

/* The desktop illustration fills the remaining left column to the form baseline. */
.edu-registration-image{display:none;}
@media(min-width:1200px){
 .edu-class-registration-shell{align-items:stretch;}
 .edu-class-registration-copy{display:flex;flex-direction:column;min-height:0;}
 .edu-registration-image{display:block;position:relative;flex:1 1 auto;min-height:180px;margin:10px 0 0;overflow:hidden;border-radius:12px;}
 .edu-registration-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
}