.contacts-page{background:#ffffff}
.contacts-intro{min-height:340px;padding:clamp(58px,7vw,96px) clamp(24px,3.2vw,54px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);align-items:end;gap:clamp(40px,8vw,120px);background:linear-gradient(120deg,#ffffff 0%,#eef8fb 58%,#d8f0f9 100%);position:relative;overflow:hidden}
.contacts-intro::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;top:-250px;border:1px solid rgba(0,126,174,.16);box-shadow:0 0 0 70px rgba(255,255,255,.23)}
.contacts-intro h1{font-size:clamp(62px,7.7vw,116px);line-height:.82;letter-spacing:-.075em;font-weight:500;margin:17px 0 0}
.contacts-intro h1 em{font-family:'Cormorant Garamond',Georgia,serif;color:#00a5df;font-weight:600}
.contacts-intro>p{position:relative;z-index:1;font-size:16px;line-height:1.72;color:rgba(16,23,27,.65);margin:0;max-width:570px}
.contacts-section{padding:clamp(64px,7vw,105px) clamp(24px,3.2vw,54px)}
.contacts-section-head{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(280px,430px);gap:24px;align-items:end;margin-bottom:42px}
.contacts-section-head>span{width:42px;height:42px;border:1px solid rgba(0,126,174,.25);display:grid;place-items:center;color:#007eae;font-size:14px;font-weight:750}
.contacts-section-head h2{font-size:clamp(43px,5vw,74px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:8px 0 0}
.contacts-section-head>p{font-size:14px;line-height:1.65;color:rgba(16,23,27,.6);margin:0}
.personal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.contact-card{min-height:180px;padding:24px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.43);transition:background .35s var(--ease),transform .35s var(--ease)}
.contact-card:hover{background:#fff;transform:translateY(-4px)}
.contact-card-link{color:inherit;text-decoration:none;cursor:pointer}.contact-card-link:hover{box-shadow:0 18px 40px rgba(7,53,76,.08)}
.contact-icon{width:64px;height:64px;display:grid;place-items:center;background:#e4f5fb;color:#007eae;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}
.contact-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-icon .brand-fill{fill:currentColor;stroke:none}.icon-whatsapp{color:#128c7e}.icon-telegram{color:#229ed9}
.contact-card-copy{display:grid;gap:5px}.contact-card-copy>span,.community-card>span{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#007eae;font-weight:750}.contact-card-copy strong{font-size:clamp(18px,1.7vw,26px);line-height:1.12;letter-spacing:-.04em}.contact-card-copy small{font-size:14px;color:rgba(16,23,27,.52)}
.contact-status{align-self:start;padding:7px 9px;border:1px solid rgba(0,126,174,.2);background:#edf8fc;color:#007eae;font-size:14px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.contact-status.is-active{border-color:#007eae;background:#007eae;color:#fff}
.tools-section{background:#eaf7fb;color:#10171b}.tools-section .contacts-section-head>p{color:rgba(16,23,27,.62)}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tool-card{min-height:330px;padding:28px;display:flex;flex-direction:column;color:#fff;text-decoration:none;background:linear-gradient(145deg,#063f5d,#087ca5);border-radius:22px;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.tool-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-115px;top:-125px;background:rgba(255,255,255,.12);transition:transform .55s var(--ease)}.tool-card::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 35%,rgba(255,255,255,.13));opacity:0;transition:opacity .35s var(--ease)}
.tool-card:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(7,53,76,.2)}.tool-card:hover::before{transform:scale(1.35)}.tool-card:hover::after{opacity:1}
.tool-card.telegram-card{background:linear-gradient(145deg,#087aa9,#20a9d9)}.tool-card.whatsapp-card{background:linear-gradient(145deg,#08766b,#20aa91)}
.tool-icon{width:62px;height:62px;margin-bottom:45px;position:relative;z-index:1}.tool-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.telegram-card .tool-icon svg{fill:currentColor;stroke:none}
.tool-card>span{position:relative;z-index:1;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:750}.tool-card h3{position:relative;z-index:1;font-size:clamp(28px,2.5vw,40px);line-height:1;letter-spacing:-.055em;margin:10px 0 13px}.tool-card p{position:relative;z-index:1;max-width:320px;margin:0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.72)}.tool-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.28);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.tool-foot i{font-style:normal;font-size:20px}
.community-section{background:#071d2a;color:#f5fbfd}
.community-section .section-kicker,.community-section .contacts-section-head>span{color:#70dbff}.community-section .contacts-section-head>span{border-color:rgba(112,219,255,.35)}.community-section .contacts-section-head>p{color:rgba(245,251,253,.62)}
.community-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.community-card{min-height:310px;padding:24px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;transition:background .4s var(--ease),transform .4s var(--ease)}
.community-card{color:inherit;text-decoration:none}
.community-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-125px;top:-125px;background:currentColor;opacity:.08;transition:transform .6s var(--ease)}
.community-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.06)}.community-card:hover::before{transform:scale(1.4)}
.social-brand{width:54px;height:54px;margin-bottom:42px;color:#70dbff}.social-brand svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.social-brand .brand-fill{fill:currentColor;stroke:none}.social-brand .brand-cut{fill:#071d2a;stroke:none}.facebook-card .social-brand{color:#1877f2}.instagram-card .social-brand{color:#f05a86}.whatsapp-card .social-brand{color:#25d366}
.community-card h3{font-size:clamp(25px,2.5vw,38px);letter-spacing:-.05em;line-height:1;margin:10px 0 12px}.community-card p{font-size:14px;line-height:1.6;color:rgba(245,251,253,.58);margin:0;max-width:310px}.community-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}.community-foot small{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#70dbff}.community-foot i{font-style:normal;font-size:22px;color:#70dbff}
.contacts-bottom{padding:clamp(58px,7vw,90px) clamp(24px,3.2vw,54px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr) auto;gap:clamp(30px,5vw,75px);align-items:end;background:#00b5ef;color:#fff}
.contacts-bottom .section-kicker{color:#fff}.contacts-bottom h2{font-size:clamp(40px,4.5vw,68px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:12px 0 0}.contacts-bottom p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.78);margin:0}.contacts-bottom .light-button{min-width:190px;white-space:nowrap}
.contacts-bottom-actions{display:grid;gap:10px;min-width:220px}.contacts-bottom-actions .light-button,.contacts-bottom-actions .outline-button{min-width:220px;justify-content:space-between}.contacts-bottom-actions .outline-button{border-color:rgba(255,255,255,.68);color:#fff}.contacts-bottom-actions .outline-button:hover{background:#fff;color:#007eae}
[dir=rtl] .contacts-intro::after{right:auto;left:-170px}
@media(max-width:1000px){.contacts-intro{grid-template-columns:1fr}.contacts-section-head{grid-template-columns:52px 1fr}.contacts-section-head>p{grid-column:2}.contacts-bottom{grid-template-columns:1fr 1fr}.contacts-bottom-actions{grid-column:2;justify-self:start}.site-nav{gap:11px;font-size:14px}.tools-grid{grid-template-columns:1fr 1fr}.tool-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.contacts-intro{min-height:0;padding:54px 20px 48px;gap:28px}.contacts-intro h1{font-size:clamp(55px,17vw,78px)}.contacts-intro>p{font-size:14px}.contacts-section{padding:62px 20px}.contacts-section-head{grid-template-columns:40px 1fr;gap:15px;margin-bottom:28px}.contacts-section-head>span{width:38px;height:38px}.contacts-section-head>p{grid-column:1/-1}.personal-contact-grid,.community-grid,.tools-grid{grid-template-columns:1fr}.tool-card:last-child{grid-column:auto}.tool-card{min-height:280px}.contact-card{min-height:145px;grid-template-columns:54px minmax(0,1fr);padding:18px;gap:15px}.contact-icon{width:54px;height:54px}.contact-status{grid-column:2;justify-self:start}.community-card{min-height:265px}.social-brand{margin-bottom:30px}.contacts-bottom{grid-template-columns:1fr;padding:58px 20px}.contacts-bottom-actions{grid-column:1;justify-self:stretch}.contacts-bottom-actions .light-button,.contacts-bottom-actions .outline-button{width:100%}}
@media(max-width:420px){.contact-card-copy strong{font-size:17px}.contacts-bottom .light-button{width:100%}}
