.registration-body{margin:0;color:#102e43}
.registration{max-width:580px}
.registration h1{margin-top:0}
.registration a{color:#155c83;text-decoration:underline;text-underline-offset:3px}
.registration p:empty{display:none}
.registration #registration-status{overflow-wrap:anywhere}
.registration form{display:grid;gap:12px 16px;margin:22px 0 0}
.registration form[data-mode="request"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.registration form[hidden]{display:none}
.registration form label{display:grid;grid-template-rows:1fr auto;gap:5px;min-width:0;margin:0;font-size:.875rem}
.registration form[data-mode="request"] label{grid-column:span 2}
.registration form label:has([name="name"]),
.registration form label:has([name="contactName"]),
.registration form label:has([name="country"]),
.registration button{grid-column:1/-1}
.registration form label:has([name="street"]){grid-column:span 3}
.registration form label:has([name="houseNumber"]){grid-column:span 1}
.registration input{box-sizing:border-box;min-height:44px;padding:8px 12px;font-size:1rem}
.registration button{justify-self:start;margin-top:4px}
.registration button:disabled{opacity:.65;cursor:default}
.registration :focus-visible{outline:2px solid #1768a0;outline-offset:2px}
.registration-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:.875rem}
.registration-footer .ag-cookie-settings{font-size:inherit}
@media(max-width:480px){
 .registration form[data-mode="request"]{grid-template-columns:minmax(0,1fr)}
 .registration form[data-mode="request"] label{grid-column:1/-1}
 .registration button{justify-self:stretch}
}

.registration .registration-submit-notice{grid-column:1/-1;margin:4px 0 0;font-size:.875rem;line-height:1.5}

.registration-phone-field{grid-column:span 2;display:grid;grid-template-rows:1fr auto;gap:5px;min-width:0;font-size:.875rem}
.registration-phone-field>span{font-weight:600}
.registration-phone-control{display:flex;align-items:center;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid #cbdce8;border-radius:6px;background:#fff;overflow:hidden}
.registration-phone-control img{flex:none;margin-left:10px;object-fit:contain}
.registration-phone-control img[hidden]{display:none}
.registration .registration-phone-control select{flex:0 1 100px;min-width:0;min-height:42px;padding:6px 2px;border:0;border-right:1px solid #d6e3eb;background:transparent;color:inherit;font:inherit;cursor:pointer}
.registration .registration-phone-control input{flex:1 1 0;width:0;min-width:0;min-height:42px;padding:8px;border:0;border-radius:0;background:transparent;box-shadow:none}
.registration-phone-control:focus-within{outline:2px solid #1768a0;outline-offset:2px}
.registration .registration-phone-control :focus-visible{outline:0}
@media(min-width:481px) and (max-width:1000px){
 .registration form[data-mode="request"] label:has([name="email"]),.registration-phone-field{grid-column:1/-1}
}
@media(max-width:480px){.registration-phone-field{grid-column:1/-1}}

.registration .registration-success{padding:16px;border:1px solid #c4ddeb;border-radius:8px;background:#f0f7fb;color:#21485f;line-height:1.6}
.registration .registration-error{padding:16px;border:1px solid #e8c9c9;border-radius:8px;background:#fff5f5;color:#8b2d2d;line-height:1.6}