.contact-dialog{
  width:min(900px,calc(100vw - 48px));
  max-width:none;
  max-height:calc(100vh - 48px);
  margin:auto;
  padding:0;
  border:0;
  border-radius:15px;
  background:#fff;
  color:#07365f;
  box-shadow:0 26px 75px rgba(6,43,79,.28);
  overflow:auto;
}
.contact-dialog::backdrop{background:rgba(27,72,113,.76)}
.contact-dialog-shell{min-width:0;background:#fff}
.contact-dialog-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:76px;
  padding:0 24px;
  border-bottom:1px solid #ccd7e3;
  box-sizing:border-box;
  font-size:17px;
}
.contact-dialog-x{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#edf6fb;
  color:#07365f;
  font-size:38px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
.contact-dialog-content{padding:24px 24px 22px;text-align:center}
.contact-dialog-accent{display:block;width:78px;height:5px;margin:0 auto 17px;border-radius:99px;background:#f36b21}
.contact-dialog h2{margin:0;color:#07365f;font-size:36px;line-height:1.35;letter-spacing:.01em}
.contact-dialog-lead{margin:9px auto 22px;color:#4b6275;font-size:15px;line-height:1.65}
.contact-dialog-options{display:grid;gap:12px;text-align:left}
.contact-dialog-options-new{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-dialog-options-student{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-dialog-options article{display:flex;flex-direction:column;min-width:0;border:1px solid #e0d5c7;background:#fffaf5}
.contact-dialog-options h3{margin:0;padding:11px 10px;background:#0c417c;color:#fff;font-size:16px;line-height:1.4;text-align:center}
.contact-dialog-options-new article:first-child h3{background:#22943f}
.contact-dialog-options-new article:nth-child(2) h3{background:#2b88cc}
.contact-dialog-options-new article:nth-child(3) h3{background:#414b98}
.contact-dialog-options h3 small{font-size:11px;color:inherit}
.contact-dialog-options article>div{display:flex;flex:1;flex-direction:column;padding:15px 16px 14px}
.contact-dialog-options strong{display:block;color:#f05a15;font-size:15px;line-height:1.5}
.contact-dialog-options small{display:block;margin-top:5px;color:#f05a15;font-size:11px;font-weight:700;line-height:1.7}
.contact-dialog-options p{margin:13px 0 18px;color:#425a70;font-size:14px;line-height:1.75}
.contact-dialog-options a{margin-top:auto;color:#06447d;font-size:14px;font-weight:800;line-height:1.55;text-decoration:underline;text-underline-offset:2px}
.contact-dialog-options a::before{content:'●';margin-right:7px;color:#f05a15;font-size:10px}
.contact-dialog-close{display:block;width:min(280px,70%);min-height:50px;margin:22px auto 0;border:0;border-radius:999px;background:#2593a8;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
@media(max-width:700px){
  .contact-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:12px}
  .contact-dialog-bar{min-height:60px;padding:0 14px;font-size:15px}
  .contact-dialog-x{width:38px;height:38px;font-size:31px}
  .contact-dialog-content{padding:20px 14px 18px}
  .contact-dialog-accent{width:60px;height:4px;margin-bottom:13px}
  .contact-dialog h2{font-size:26px;line-height:1.35}
  .contact-dialog-lead{font-size:14px;line-height:1.65}
  .contact-dialog-options-new,.contact-dialog-options-student{grid-template-columns:1fr}
  .contact-dialog-options article>div{padding:14px}
  .contact-dialog-options p,.contact-dialog-options a{font-size:14px}
  .contact-dialog-close{margin-top:18px}
}