/* Focused layout for the AI workshop registration page. */
.conference-banner{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;min-height:112px;padding:14px clamp(20px,5vw,64px);gap:24px}
.conference-logo{grid-column:1;grid-row:1;justify-self:start;flex:0 0 140px;width:140px;max-width:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.conference-logo img{width:120px;height:76px;object-fit:contain;object-position:center}
.conference-heading{grid-column:2;grid-row:1;min-width:0;text-align:center}
.conference-edition{font-size:12px;margin-bottom:7px;letter-spacing:.3px}
.conference-heading h1{font-size:clamp(25px,3vw,34px);margin:0 0 5px}
.conference-venue{font-size:15px}
main{max-width:900px;padding-top:25px}
.workshop-overview{margin:0 0 22px;padding:24px 28px 20px;background:#fff;border:1px solid #dce6f5;border-radius:16px;box-shadow:0 10px 28px #223f750c}
.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.registration-title{font-size:25px;margin:5px 0 7px}
.overview-summary{margin:0;color:var(--muted);font-size:14px;line-height:1.6;max-width:570px}
.overview-summary strong{color:var(--ink)}
.workshop-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0}
.workshop-facts>div{min-width:0;padding:12px 13px;background:#f5f8fe;border:1px solid #e7edf7;border-radius:10px}
.workshop-facts dt{margin:0 0 5px;color:#73819a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.workshop-facts dd{margin:0;color:#22324d;font-size:12px;font-weight:650;line-height:1.5}
.workshop-facts dd span{display:block;margin-top:3px;color:#687991;font-size:10px;font-weight:500}
.places-fact{grid-column:1/-1}
.places-fact dd{display:flex;justify-content:space-between;gap:12px}
.places-fact dd span{margin:0;text-align:right}
.workshop-note{margin-top:13px;border-top:1px solid #e8eef7;padding-top:12px}
.workshop-note summary{width:max-content;max-width:100%;color:#425979;font-size:12px;font-weight:650;cursor:pointer}
.workshop-note summary:hover{color:#1554b5}
.note-content{max-width:760px;padding:7px 0 0;color:#647189;font-size:12px;line-height:1.65}
.note-content p{margin:7px 0 0}
.note-content strong{color:#34435d}
.form-card{padding:30px 34px}
.payment-actions{display:flex;flex-wrap:wrap;gap:12px}
.field-help{font-size:12px;color:#536b8c;line-height:1.5;margin:8px 0 0;padding:9px 11px;background:#f2f6fd;border-left:3px solid #5c8bd4;border-radius:0 7px 7px 0}
.membership-check-status[data-state="checking"]{color:#536b8c;background:#f2f6fd;border-left-color:#5c8bd4}
.membership-check-status[data-state="valid"]{color:#167647;background:#ecfdf3;border-left-color:#16a364}
.membership-check-status[data-state="invalid"]{color:#b42336;background:#fff1f1;border-left-color:#d92d3f}
@media(max-width:760px){
    .conference-banner{grid-template-columns:105px minmax(0,1fr) 105px;min-height:0;gap:12px;padding:14px 18px}
    .conference-logo{flex-basis:105px;width:105px;max-width:105px}
    .conference-logo img{width:96px;height:62px}
    .conference-edition{font-size:10px}
    .conference-heading h1{font-size:clamp(21px,4.5vw,30px)}
    .conference-venue{font-size:13px}
    .overview-heading{align-items:flex-start;flex-direction:column;gap:12px}
    .workshop-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
    main{padding:16px 14px 24px}
    .conference-banner{grid-template-columns:78px minmax(0,1fr) 78px;align-items:center}
    .conference-logo{flex-basis:78px;width:78px;max-width:78px}
    .conference-logo img{width:76px;height:52px}
    .conference-heading{text-align:center}
    .conference-edition{font-size:9px}
    .conference-heading h1{font-size:21px;letter-spacing:-.4px}
    .conference-venue{font-size:12px}
    .workshop-overview{padding:19px 17px 16px;margin-bottom:17px}
    .registration-title{font-size:22px}
    .overview-summary{font-size:13px}
    .workshop-facts{gap:8px;margin-top:16px}
    .workshop-facts>div{padding:10px}
    .workshop-facts dd{font-size:11px}
    .places-fact dd{display:block}
    .places-fact dd span{margin-top:3px;text-align:left}
    .form-card{padding:24px 19px;border-radius:15px}
}