.contact-page main a { color: #315fa8; }
.contact-page main a:hover { color: #244780; }

.contact-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 17%,rgba(99,216,181,.22),transparent 27%),radial-gradient(circle at 98% 91%,rgba(255,94,103,.27),transparent 31%),linear-gradient(135deg,#21072c,#4b1558 58%,#762053); }
.contact-hero::before { content: ''; position: absolute; inset: 0; opacity: .11; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px),linear-gradient(115deg,transparent 46%,#fff 46.2%,transparent 46.5%); background-size: 41px 41px,150px 150px; mask-image: linear-gradient(90deg,transparent 6%,#000); }
.hero-grid { position: relative; max-width: 1200px; min-height: 570px; margin: auto; padding: 74px 35px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(350px,.8fr); align-items: center; gap: 68px; }
.hero-copy { min-width: 0; }.contact-hero h1 { max-width: 760px; margin: 15px 0 25px; font-size: clamp(46px,5.8vw,76px); line-height: 1; letter-spacing: -3px; }.contact-hero p { max-width: 735px; color: #eadceb; }.contact-hero strong { color: #fff; }.contact-hero .hero-copy a { color: #8ce5ca; font-weight: 850; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #ffb1b0; font-size: 9px; font-weight: 900; letter-spacing: 2px; }.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 6px rgba(99,216,181,.12),0 0 18px var(--mint); animation: status-pulse 1.8s infinite; }@keyframes status-pulse{50%{opacity:.55;transform:scale(.8)}}

.routing-console { position: relative; min-width: 0; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; background: rgba(25,4,33,.54); box-shadow: 0 28px 60px rgba(13,2,18,.34); backdrop-filter: blur(12px); }
.routing-console::after { content: ''; position: absolute; right: -66px; bottom: -80px; width: 185px; height: 185px; border: 25px solid rgba(99,216,181,.08); border-radius: 50%; }.routing-console > * { position: relative; z-index: 1; }
.console-head { padding-bottom: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); color: #c8adca; font-size: 8px; font-weight: 850; letter-spacing: 1.5px; }.console-head i { color: var(--mint); font-style: normal; }
.inbox-visual { position: relative; min-height: 245px; display: grid; place-items: center; }.inbox-visual::before,.inbox-visual::after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }.inbox-visual::before { width: 205px; height: 205px; }.inbox-visual::after { width: 150px; height: 150px; border-style: dashed; animation: spin 20s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}
.envelope { position: relative; width: 120px; height: 84px; border: 3px solid white; border-radius: 11px; background: linear-gradient(145deg,var(--coral),#ff9878); filter: drop-shadow(0 16px 20px rgba(255,94,103,.25)); }.envelope::before,.envelope::after { content: ''; position: absolute; top: 12px; width: 3px; height: 66px; background: white; }.envelope::before { left: 31px; transform: rotate(-53deg); }.envelope::after { right: 31px; transform: rotate(53deg); }.envelope b { position: absolute; right: -14px; bottom: -15px; width: 45px; height: 45px; display: grid; place-items: center; border: 5px solid #481352; border-radius: 50%; background: var(--mint); }.envelope b::after { content: '✓'; color: var(--plum); font-size: 20px; font-weight: 900; }
.inbox-visual > i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }.inbox-visual > i:nth-of-type(1){left:48px;top:53px}.inbox-visual > i:nth-of-type(2){right:53px;top:78px;background:#ffc670;box-shadow:0 0 10px #ffc670}.inbox-visual > i:nth-of-type(3){right:81px;bottom:45px}
.route-tags { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.route-tags span { padding: 12px 6px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #f1e5f2; font-size: 7px; font-weight: 850; letter-spacing: .8px; text-align: center; }.route-tags b { display: block; margin-bottom: 5px; color: var(--mint); font-size: 9px; }

.contact-content { max-width: 1160px; margin: auto; padding: 66px 30px 82px; }.contact-content h2 { margin: 0; color: var(--plum); font-size: clamp(30px,3.4vw,43px); line-height: 1.08; letter-spacing: -1.25px; }.contact-content p { color: var(--muted); font-size: 15px; line-height: 1.82; }
.section-heading,.registration-heading { display: flex; align-items: flex-start; gap: 15px; }.section-number { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--coral); color: #fff; font-size: 10px; font-weight: 900; }.topic-label,.route-label { display: block; margin: 2px 0 8px; color: var(--coral-dark); font-size: 8px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }

.email-section { padding: 43px; border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: 0 18px 45px rgba(53,19,68,.06); }.email-body { margin: 28px 0 0 53px; display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: center; gap: 45px; }.email-copy p:first-child { margin-top: 0; }.email-copy p:last-child { margin-bottom: 0; }
.email-button { min-height: 158px; padding: 25px; display: grid; grid-template-columns: 54px 1fr 37px; align-items: center; gap: 15px; border-radius: 19px; background: linear-gradient(135deg,var(--coral),#ff866f); color: #fff !important; text-decoration: none; box-shadow: 0 18px 35px rgba(255,94,103,.23); transition: transform .22s,box-shadow .22s; }.email-button:hover { transform: translateY(-4px); box-shadow: 0 23px 42px rgba(255,94,103,.3); }.mail-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: rgba(255,255,255,.17); }.mail-icon svg { width: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }.email-button small { display: block; margin-bottom: 7px; color: #ffe1dc; font-size: 7px; font-weight: 900; letter-spacing: 1.3px; }.email-button span:nth-child(2) { font-size: 16px; font-weight: 900; line-height: 1.25; }.email-button > b { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.18); font-size: 18px; }

.registration-section { margin-top: 52px; padding: 43px; border: 1px solid #d4eae3; border-radius: 25px; background: #effaf7; }.registration-section .section-number { background: #179c81; }.registration-heading p { max-width: 790px; margin-bottom: 0; }.registration-actions { margin: 30px 0 0 53px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.registration-button { min-height: 105px; padding: 21px; display: grid; grid-template-columns: 51px 1fr 34px; align-items: center; gap: 14px; border-radius: 17px; color: #fff !important; text-decoration: none; box-shadow: 0 14px 27px rgba(32,75,67,.14); transition: transform .2s,box-shadow .2s; }.registration-button:hover { transform: translateY(-4px); box-shadow: 0 19px 34px rgba(32,75,67,.2); }.registration-button.whatsapp { background: linear-gradient(135deg,#128f5b,#24b878); }.registration-button.telegram { background: linear-gradient(135deg,#6c42a7,#8c5cc3); }.registration-icon { width: 51px; height: 51px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.16); }.registration-icon svg { width: 29px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.telegram .registration-icon svg { fill: currentColor; stroke: none; }.registration-button small { display: block; margin-bottom: 5px; color: rgba(255,255,255,.73); font-size: 7px; font-weight: 900; letter-spacing: 1.1px; }.registration-button span:nth-child(2) { font-size: 16px; font-weight: 900; }.registration-button > b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); }.registration-note { margin: 22px 0 0 53px; padding: 17px 20px; border-left: 4px solid var(--mint); border-radius: 0 12px 12px 0; background: rgba(255,255,255,.72); font-size: 13px !important; }

.support-section { margin-top: 52px; padding: 43px; border: 1px solid #f0d5d5; border-radius: 25px; background: #fff3f1; }.support-list { margin: 30px 0 0 53px; display: flex; flex-direction: column; gap: 16px; }.support-list article { padding: 25px; display: grid; grid-template-columns: 58px 1fr; align-items: start; gap: 19px; border: 1px solid rgba(230,64,85,.13); border-radius: 17px; background: rgba(255,255,255,.79); }.support-list p { margin: 0; }.support-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: #8351b8; color: #fff; font-size: 13px; font-weight: 900; }.scam-route .support-icon { background: var(--coral); font-size: 25px; }.route-label { margin-top: 5px; }.privacy-warning { margin: 18px 0 0 53px; padding: 20px 23px; display: grid; grid-template-columns: 45px 1fr; align-items: center; gap: 15px; border: 1px solid #bde3d8; border-radius: 16px; background: #e9f8f3; }.privacy-warning > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; background: #15997f; color: #fff; font-size: 22px; font-weight: 900; }.privacy-warning p { margin: 0; }.privacy-warning strong { color: #145f50; }

.reveal { opacity: 1; transform: none; }.js-ready .reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease,transform .65s ease; }.js-ready .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 940px) { .hero-grid { min-height: 0; grid-template-columns: 1fr; gap: 42px; }.routing-console { width: 100%; max-width: 650px; }.inbox-visual { min-height: 225px; }.email-body { grid-template-columns: 1fr; }.email-button { min-height: 110px; max-width: 500px; } }
@media (max-width: 720px) { .registration-actions { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
  .hero-grid { padding: 44px 21px 49px; }.contact-hero h1 { font-size: 42px; letter-spacing: -1.7px; }.routing-console { padding: 19px; border-radius: 19px; }.inbox-visual { min-height: 210px; }.inbox-visual::before { width: 180px; height: 180px; }.inbox-visual::after { width: 132px; height: 132px; }
  .contact-content { padding: 39px 17px 58px; }.contact-content h2 { font-size: 27px; }.email-section,.registration-section,.support-section { padding: 27px 19px; border-radius: 20px; }.email-body,.registration-actions,.registration-note,.support-list,.privacy-warning { margin-left: 0; }.email-body { gap: 25px; }.email-button { min-height: 105px; padding: 18px 15px; grid-template-columns: 47px 1fr 32px; gap: 11px; }.mail-icon { width: 47px; height: 47px; }.email-button > b { width: 32px; height: 32px; }
  .registration-section,.support-section { margin-top: 31px; }.registration-button { min-height: 96px; padding: 17px 15px; grid-template-columns: 47px 1fr 31px; gap: 11px; }.registration-icon { width: 47px; height: 47px; }.registration-button span:nth-child(2) { font-size: 14px; }.registration-button > b { width: 31px; height: 31px; }.support-list article { padding: 18px 15px; grid-template-columns: 47px 1fr; gap: 13px; }.support-icon { width: 47px; height: 47px; }.privacy-warning { padding: 17px 15px; grid-template-columns: 39px 1fr; gap: 12px; }.privacy-warning > span { width: 39px; height: 39px; }
}
@media (prefers-reduced-motion: reduce) { .status-dot,.inbox-visual::after { animation: none !important; }.reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }