/* Contact section, scoped to the homepage. */
.contact-section{padding:42px 0 48px;background:#eaf2fa;border-top:1px solid #d1e1ef}
.contact-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.contact-heading h2{font-size:30px;margin:4px 0 0;line-height:1.45}
.contact-heading>p{font-size:12px;color:#627c95;margin:0 0 5px}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:18px}
.contact-grid h3{font-size:15px;font-weight:750;margin:0;line-height:1.8}
.contact-grid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.contact-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;color:#315e80;background:#e8f3fa;border:1px solid #d3e6f1}
.contact-phone-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #244260;border-radius:16px;padding:26px 28px;background:radial-gradient(ellipse at 0 0,#17436670,transparent 65%),var(--navy);color:#f0f7ff;display:flex;flex-direction:column}
.contact-phone-card:before,.contact-telegram-card:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#80cdf708 1px,transparent 1px),linear-gradient(90deg,#80cdf708 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,#000,transparent 75%);pointer-events:none}
.contact-phone-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.contact-phone-top h3{font-size:16px;font-weight:650}
.contact-phone-top .contact-icon{background:#64d4f60b;border-color:#64d4f62b;color:var(--cyan)}
.contact-main-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 23px;color:#eef7ff}
.contact-main-phone bdi{font-size:34px;font-weight:750;line-height:1.5;letter-spacing:.5px}
.contact-main-phone>svg{width:24px;height:24px;color:var(--cyan);transition:transform .2s}
.contact-main-phone:hover{color:var(--cyan)}
.contact-main-phone:hover>svg{transform:translate(-3px,3px)}
.contact-schedule{display:flex;align-items:center;gap:12px;border-top:1px solid #8ab9d526;padding-top:18px;margin-top:auto}
.contact-schedule>svg{color:#78bad7;width:20px;height:20px}
.contact-schedule span{font-size:10px;color:#91a9c1}
.contact-schedule p{font-size:12px;color:#c7d8e9;margin:2px 0 0}.contact-schedule strong{font-weight:650;color:#e7f5ff}
.contact-channels{display:grid;grid-template-rows:auto 1fr;gap:14px}
.contact-ticket-card{display:flex;align-items:center;gap:14px;border:1px solid #bbd8ea;border-radius:14px;padding:20px;background:#f8fcff}
.contact-ticket-copy{flex:1}.contact-ticket-copy p{font-size:11px;line-height:1.9;color:#627b92;margin:4px 0 0;max-width:310px}
.contact-ticket-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:8px 13px;border-radius:8px;background:var(--cyan);color:var(--navy);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}
.contact-ticket-link svg{width:18px;height:18px}.contact-ticket-link:hover{background:#86dff9}
.contact-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-channel-card{border:1px solid #ccdeed;border-radius:14px;padding:17px 20px;background:#f4f9fd}
.contact-channel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.contact-channel-top .contact-icon{width:31px;height:31px;background:transparent;border:0;border-radius:0;justify-content:start}
.contact-channel-top .contact-icon svg{width:24px;height:24px}
.contact-channel-card h3{font-size:14px}
.contact-channel-card p{font-size:11px;color:#6b839a;margin:4px 0 0}
.contact-email-address{display:inline-block;direction:ltr;font-size:15px;font-weight:650;color:#234e73;margin-top:4px;overflow-wrap:anywhere}
.contact-channel-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#245b7c;font-size:12px;font-weight:650}
.contact-channel-link svg{width:16px;height:16px}
.contact-channel-link:hover,.contact-email-address:hover{color:#1777a4}
.contact-telegram-card{display:block;position:relative;isolation:isolate;overflow:hidden;border-color:#244260;background:radial-gradient(ellipse at 0 0,#17436670,transparent 65%),var(--navy);color:#f0f7ff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.contact-telegram-card p{color:#c7d8e9}
.contact-telegram-card .contact-icon,.contact-telegram-card .contact-channel-link{color:var(--cyan)}
.contact-telegram-card:hover{border-color:var(--cyan);box-shadow:0 5px 18px #0b192e18}
@media(max-width:1050px){.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr)}.contact-phone-card{padding:22px}.contact-main-phone bdi{font-size:29px}.contact-ticket-card{gap:11px;padding:17px}.contact-ticket-card>.contact-icon{display:none}.contact-channel-card{padding:16px}.contact-phone-top h3{font-size:14px}}
@media(max-width:760px){.contact-heading{display:block}.contact-heading>p{margin-top:9px;font-size:11px}.contact-grid{grid-template-columns:1fr}.contact-phone-card{padding:24px}.contact-phone-top h3{font-size:16px}.contact-main-phone{margin:14px 0 20px;justify-content:start;gap:24px}.contact-main-phone bdi{font-size:34px}.contact-ticket-card>.contact-icon{display:inline-grid}.contact-schedule{padding-top:16px}.contact-ticket-card{padding:20px}}
@media(max-width:480px){.contact-section{padding:30px 0 34px}.contact-heading{margin-bottom:20px}.contact-heading h2{font-size:27px}.contact-grid{gap:14px}.contact-phone-card{padding:21px}.contact-main-phone bdi{font-size:31px}.contact-ticket-card{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:19px}.contact-ticket-card>.contact-icon{width:34px;height:34px}.contact-ticket-link{grid-column:1/-1;min-height:42px}.contact-ticket-copy p{font-size:11px}.contact-secondary{gap:11px}.contact-channel-card{padding:14px}.contact-channel-card h3{font-size:12px}.contact-channel-card p{font-size:10px;line-height:1.9}.contact-email-address{font-size:12px}.contact-soon{font-size:8px}}
