/* «Радуга» — авторская радужная палитра блока «Важные направления».
   Стили только для главной. 2026-10-19 */
.rd-important-directions {
  --rd-sky:#318ab7;
  position:relative;
  padding-top:clamp(43px,5vw,72px);
  padding-bottom:clamp(45px,5vw,75px);
}
.rd-important-directions .rd-important-head {
  padding-bottom:19px;
  border-bottom:1px solid #e5edf6;
  margin-bottom:31px;
}
.rd-important-directions .rd-important-head .eyebrow{color:#b17aa4;}
.rd-important-directions .rd-important-section-head{margin-bottom:16px;}
.rd-important-directions .rd-important-section-head h3,
.rd-important-directions .rd-important-other-heading h3 {color:#224474;}
.rd-important-directions .rd-important-section-head>a{
  background:#fff;border:1px solid #e4eaf5;
  box-shadow:0 6px 18px #294e8010;
  color:#3971aa;
}
.rd-important-directions .rd-important-section-head>a:hover{background:#ecf7ff}
.rd-important-safety-grid{gap:15px}
.rd-important-directions .rd-important-safety-link {
  --rain-accent:#4a9bc8;
  --rain-wash:#eef8ff;
  --rain-edge:#dcecf6;
  min-height:121px;
  grid-template-columns:58px minmax(0,1fr) 32px;
  gap:17px;
  padding:18px 20px;
  border:1px solid var(--rain-edge);
  border-radius:25px;
  background:linear-gradient(115deg,#fff 0%,var(--rain-wash) 100%);
  box-shadow:0 8px 26px #173d700e;
  overflow:hidden;
}
.rd-important-directions .rd-important-safety-link.rd-important-sky{
  --rain-accent:#358dc5;--rain-wash:#eaf6ff;--rain-edge:#d6e8f6
}
.rd-important-directions .rd-important-safety-link.rd-important-mint{
  --rain-accent:#329d8b;--rain-wash:#ebfaf3;--rain-edge:#d3ede4
}
.rd-important-directions .rd-important-safety-link.rd-important-blue{
  --rain-accent:#4386d0;--rain-wash:#eef3ff;--rain-edge:#dce5fb
}
.rd-important-directions .rd-important-safety-link.rd-important-rose{
  --rain-accent:#d86f9b;--rain-wash:#fff0f5;--rain-edge:#f3dbe8
}
.rd-important-directions .rd-important-safety-link.rd-important-violet{
  --rain-accent:#9370c8;--rain-wash:#f5efff;--rain-edge:#e6dcf7
}
.rd-important-directions .rd-important-safety-link.rd-important-yellow{
  --rain-accent:#c89848;--rain-wash:#fff8e9;--rain-edge:#f1e6d1
}
.rd-important-directions .rd-important-safety-link.rd-important-coral{
  --rain-accent:#d48873;--rain-wash:#fff1ee;--rain-edge:#f3e0d9
}
.rd-important-directions .rd-important-safety-link.rd-important-lilac{
  --rain-accent:#808aca;--rain-wash:#f0f3ff;--rain-edge:#dfe5f6
}
/* The oversized blue oval is replaced by an abstract cluster of rainbow arcs. */
.rd-important-directions .rd-important-safety-link::before{
  content:"";
  display:block;
  position:absolute;pointer-events:none;
  width:158px;height:158px;right:-40px;top:-92px;left:auto;
  transform:none;
  border:0;border-radius:50%;
  background:radial-gradient(circle at center,
    transparent 0 20%,
    #f2acc5 20% 26%,transparent 26% 31%,
    #ffdb9d 31% 37%,transparent 37% 42%,
    #b7e3c5 42% 48%,transparent 48% 53%,
    #b2d4f0 53% 59%,transparent 59% 64%,
    #d0beeb 64% 70%,transparent 70%);
  opacity:.48;
  z-index:0;
}
.rd-important-directions .rd-important-safety-link::after{
  content:"";pointer-events:none;position:absolute;
  top:0;left:0;bottom:0;width:6px;border-radius:4px;
  background:var(--rain-accent);opacity:.92;
}
.rd-important-directions .rd-important-safety-icon{
  position:relative;z-index:1;
  width:56px;height:56px;border-radius:19px;
  color:var(--rain-accent);
  background:#ffffffeb;
  box-shadow:0 5px 16px #28436e10,inset 0 0 0 1px #ffffffcf;
}
.rd-important-directions .rd-important-safety-icon svg{width:29px;height:29px;stroke-width:1.8}
.rd-important-directions .rd-important-safety-label{
  align-items:flex-start;text-align:left;position:relative;z-index:1;gap:5px;
}
.rd-important-directions .rd-important-safety-label strong{
  font:900 clamp(15px,1.43vw,19px)/1.26 "Nunito","Manrope",Arial,sans-serif;
  letter-spacing:-.01em;color:#214675;
}
.rd-important-directions .rd-important-safety-label small{
  color:#627a99;
  font:650 11px/1.48 "Manrope",Arial,sans-serif;
}
.rd-important-directions .rd-important-safety-arrow{
  position:relative;z-index:1;
  width:34px;height:34px;
  border-radius:13px;background:#fff;
  color:var(--rain-accent);
  font-size:22px;
  box-shadow:0 5px 13px #1e497819;
}
.rd-important-directions .rd-important-safety-link:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 32px #1948761a;
  border-color:var(--rain-accent);
}
.rd-important-other-heading{margin-top:46px;}
/* The remaining eight destinations are also colorful, not plain boxes. */
.rd-important-other-grid{gap:15px;}
.rd-important-directions .rd-important-other-grid .raduga-direction-card{
  --other-accent:#ed7e9f;--other-pale:#fff0f6;--other-edge:#f1dce6;
  min-height:196px;
  padding:21px 20px 22px;
  gap:10px;
  border:1px solid var(--other-edge);
  border-radius:24px;
  background:linear-gradient(140deg,#fff 8%,var(--other-pale) 100%);
  box-shadow:0 9px 27px #174c8010;
  overflow:hidden;isolation:isolate;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(2){
  --other-accent:#51a995;--other-pale:#eefaef;--other-edge:#d9ebdf
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(3){
  --other-accent:#549bd2;--other-pale:#edf7ff;--other-edge:#d8e8f6
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(4){
  --other-accent:#c99c4f;--other-pale:#fff7e6;--other-edge:#f2e6cc
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(5){
  --other-accent:#9781ca;--other-pale:#f5f0ff;--other-edge:#e7def4
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(6){
  --other-accent:#dc8190;--other-pale:#fff1f3;--other-edge:#f1dfe3
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(7){
  --other-accent:#46a6ba;--other-pale:#eaf9fd;--other-edge:#d7edf3
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:nth-child(8){
  --other-accent:#7990bf;--other-pale:#edf2ff;--other-edge:#e0e6f3
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card::before{
  content:"";position:absolute;
  top:-68px;right:-57px;left:auto;
  width:168px;height:168px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at center,
  transparent 0 22%,#f3b1c7 22% 29%,transparent 29% 35%,
  #ffdd99 35% 42%,transparent 42% 48%,
  #b3dec4 48% 55%,transparent 55% 61%,
  #b2cffa 61% 68%,transparent 68%);
  opacity:.43;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;pointer-events:none;
  background:linear-gradient(90deg,#f18aa5 0%,#ffc784 24%,#f4dd87 39%,#92d7bd 62%,#8abfef 78%,#b69ae5 100%);
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card .direction-icon{
  position:relative;z-index:1;
  width:47px;height:47px;border-radius:15px;
  background:#fff;color:var(--other-accent);
  box-shadow:0 5px 14px #2247750a;
  font-size:26px;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card strong{
  position:relative;z-index:1;
  font:900 17px/1.32 "Nunito","Manrope",Arial,sans-serif;color:#234779;
  letter-spacing:-.01em;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card small{
  position:relative;z-index:1;
  font:600 11px/1.5 "Manrope",Arial,sans-serif;color:#667e99;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card .direction-arrow{
  z-index:1;top:21px;right:19px;color:var(--other-accent);
  display:grid;place-items:center;background:#fff;
  height:29px;width:29px;border-radius:10px;
}
.rd-important-directions .rd-important-other-grid .raduga-direction-card:hover{
  transform:translateY(-3px);border-color:var(--other-accent);
  box-shadow:0 18px 32px #1e47751a;
}
@media(max-width:1090px){
 .rd-important-other-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:690px){
 .rd-important-safety-grid{gap:11px;}
 .rd-important-directions .rd-important-safety-link{
   grid-template-columns:49px minmax(0,1fr) 30px;
   min-height:105px;padding:15px;gap:11px;border-radius:20px;
 }
 .rd-important-directions .rd-important-safety-icon{width:46px;height:46px;border-radius:15px;}
 .rd-important-directions .rd-important-safety-icon svg{width:25px;height:25px}
 .rd-important-directions .rd-important-safety-label strong{font-size:15px}
 .rd-important-directions .rd-important-safety-label small{font-size:10px}
 .rd-important-directions .rd-important-safety-arrow{width:28px;height:28px;border-radius:10px}
 .rd-important-directions .rd-important-other-grid{gap:10px}
 .rd-important-directions .rd-important-other-grid .raduga-direction-card{
   min-height:172px;padding:16px;gap:9px;border-radius:18px;
 }
 .rd-important-directions .rd-important-other-grid .raduga-direction-card strong{font-size:14px}
 .rd-important-directions .rd-important-other-grid .raduga-direction-card small{font-size:10px}
 .rd-important-directions .rd-important-other-grid .raduga-direction-card .direction-icon{width:39px;height:39px;font-size:21px}
 .rd-important-directions .rd-important-other-grid .raduga-direction-card .direction-arrow{top:16px;right:15px}
}
@media(max-width:375px){
 .rd-important-directions .rd-important-other-grid{grid-template-columns:1fr}
 .rd-important-directions .rd-important-other-grid .raduga-direction-card{min-height:132px}
}
@media(prefers-reduced-motion:reduce){
 .rd-important-directions .rd-important-safety-link,
 .rd-important-directions .rd-important-other-grid .raduga-direction-card{transition:none}
 .rd-important-directions .rd-important-safety-link:hover,
 .rd-important-directions .rd-important-other-grid .raduga-direction-card:hover{transform:none}
}