.contact-page{position:fixed;inset:0;overflow:auto;background:#f8fafb;color:#17242d}
.contact-page[hidden]{display:none}.contact-content{max-width:1320px;margin:auto;padding:175px 64px 90px}
.contact-heading h1:focus{outline:none}
.contact-heading{margin-bottom:58px}.contact-eyebrow{font-size:11px;letter-spacing:.19em;color:#647884;margin:0 0 20px}.contact-heading h1{font-size:clamp(34px,3.8vw,52px);font-weight:400;letter-spacing:.04em;margin:0}.contact-intro{font-size:17px;color:#53616a;line-height:1.8;margin-top:24px}
.contact-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.contact-platform{border-top:1px solid #cdd8de;padding-top:26px}.contact-code{display:block;width:100%;padding:16px;background:#fff;border:0;cursor:zoom-in}.contact-code img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.contact-platform h2{font-size:21px;font-weight:400;margin:23px 0 10px;letter-spacing:.025em}.contact-platform p{font-size:12px;color:#62727c;letter-spacing:.06em}.contact-hint{margin-top:48px;color:#62727c;font-size:12px;line-height:1.9}
.contact-qr-dialog{border:0;padding:36px;background:#fff;color:#17242d;width:min(460px,calc(100vw - 48px));max-height:90dvh;overflow:auto;margin:auto}.contact-qr-dialog::backdrop{background:rgba(23,36,45,.65)}.contact-qr-dialog h2{font-size:22px;font-weight:400;margin:0 0 20px}.contact-qr-dialog img{display:block;width:100%;height:auto}.contact-qr-close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:30px;width:40px;height:40px;cursor:pointer}.contact-save{display:block;padding:18px 0 8px;color:#17242d;text-decoration:none;border-bottom:1px solid #b4c0c7;font-size:13px}.contact-code:focus-visible,.contact-save:focus-visible{outline:2px solid #53616a;outline-offset:5px}
body.contact-page-active .site-header{position:fixed;background:#f8fafb}body.contact-page-active .course-explore{display:flex}
@media(max-width:900px){.contact-platforms{grid-template-columns:repeat(2,1fr);gap:40px}.contact-content{padding:155px 40px 60px}}
@media(max-width:550px){.contact-content{padding:132px 24px 45px}.contact-heading{margin-bottom:34px}.contact-intro{font-size:14px;margin-top:18px}.contact-platforms{gap:28px 22px}.contact-code{padding:5px}.contact-platform{padding-top:14px}.contact-platform h2{font-size:18px;margin-top:16px}.contact-platform p{font-size:11px}.contact-hint{margin-top:30px}.contact-qr-dialog{padding:32px 20px 24px}}