/* ===== Task 10, items 1-3 ===== */

/* 1. Header: merge logo + menu into one line (desktop only, mobile untouched) */
@media (min-width: 981px) {
  .uc-aurora-header-one .t3113__header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .uc-aurora-header-one .t3113__firstlevel {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .uc-aurora-header-one .t3113__secondlevel {
    width: auto !important;
    flex: 1 1 auto !important;
  }
}

/* 2. Reduce oversized vertical spacing between blocks site-wide */
.t-rec_pt_90 { padding-top: 60px !important; }
.t-rec_pb_90 { padding-bottom: 60px !important; }
.t-rec_pt_105 { padding-top: 60px !important; }
.t-rec_pb_105 { padding-bottom: 60px !important; }
.t-rec_pt_120 { padding-top: 65px !important; }
.t-rec_pb_120 { padding-bottom: 65px !important; }
.t-rec_pt_135 { padding-top: 70px !important; }
.t-rec_pb_135 { padding-bottom: 70px !important; }
.t-rec_pt_150 { padding-top: 75px !important; }
.t-rec_pb_150 { padding-bottom: 75px !important; }
.t-rec_pt_165 { padding-top: 75px !important; }
.t-rec_pb_165 { padding-bottom: 75px !important; }
.t-rec_pt_180 { padding-top: 80px !important; }
.t-rec_pb_180 { padding-bottom: 80px !important; }
.t-rec_pt_195 { padding-top: 80px !important; }
.t-rec_pb_195 { padding-bottom: 80px !important; }
.t-rec_pt_210 { padding-top: 80px !important; }
.t-rec_pb_210 { padding-bottom: 80px !important; }
.t-rec_pt_225 { padding-top: 80px !important; }
.t-rec_pb_225 { padding-bottom: 80px !important; }
.t-rec_pt_240 { padding-top: 80px !important; }
.t-rec_pb_240 { padding-bottom: 80px !important; }
.t-rec_pt_255 { padding-top: 80px !important; }
.t-rec_pb_255 { padding-bottom: 80px !important; }
.t-rec_pt_270 { padding-top: 80px !important; }
.t-rec_pb_270 { padding-bottom: 80px !important; }
.t-rec_pt_285 { padding-top: 80px !important; }
.t-rec_pb_285 { padding-bottom: 80px !important; }
.t-rec_pt_300 { padding-top: 80px !important; }
.t-rec_pb_300 { padding-bottom: 80px !important; }

/* 3. Hero: remove the empty spacer/divider block before each page H1 entirely (was creating a white gap on desktop AND mobile) */
#rec2709260401 {
  padding-top: 0 !important;
  padding-bottom: 28px !important;
  min-height: 0 !important;
  background: none !important;
}
#rec2709260401 .t118 {
  display: none !important;
}

/* 4. Fix mobile burger-menu contrast: it was white bg + white text (invisible) */
.tmenu-mobile, .t-menu-base, .tmenu-mobile__container, .t-menu-base__burgermenu__sidebar {
  background-color: #131F29 !important;
}
.t-menu-burger span {
  background-color: #ffffff !important;
}
.t-menu-base__burgermenu__sidebar, .t-menu-base__burgermenu__sidebar a, .t-menu-base__burgermenu__sidebar div, .t3113__list-wrapper, .t3113__list-wrapper a {
  color: #ffffff !important;
}

/* 5. Stronger override for mobile burger sidebar bg (Tilda's block CSS uses an ID-scoped selector) */
#rec2709886901 .t3113 .t-menu-base,
#rec2709886901 .t3113 .t-menu-base__burgermenu__sidebar,
#rec2709886901 .tmenu-mobile,
#rec2709886901 .t-menu-base__burgermenu__sidebar {
  background-color: #131F29 !important;
}

/* 6. Beat Tilda's own inline !important white rule for the mobile burger popover (tie-break via extra specificity) */
html body #rec2709886901 .t3113__popover.t-menu-base__burgermenu__sidebar,
html body #rec2709886901 .t3113__popover.t-menu-base__burgermenu__fullscreen,
html body #rec2709886901 .t-menu-base__burgermenu__sidebar,
html body #rec2709886901 .t-menu-base,
html body #rec2709886901 .t3113__firstlevel,
html body #rec2709886901 .t3113__secondlevel {
  background-color: #131F29 !important;
}

/* ===== Task 10, item 4: Heading font = Poppins ExtraBold 800 (H1/H2 only, body text stays Arial) ===== */
h1, h2 {
      font-family: 'Poppins', sans-serif !important;
        font-weight: 800 !important;
        }

/* Tilda renders headings as .t-title (not real h1/h2 tags) - reinforce ExtraBold 800 weight here */
.t-title {
      font-weight: 800 !important;
      }

/* Keep body/paragraph text (t-text, t-descr) on Arial as before - only headings (.t-title) use Poppins */
.t-descr, .t-text {
      font-family: Arial, sans-serif !important;
      }

/* Higher-specificity fix: Tilda's own page CSS uses single-class .t-title/.t-descr/.t-text rules
   with the SAME specificity as ours, so ties were lost on source order. Use compound
      class selectors (matching Tilda's real markup) to reliably win the cascade. */
      .t-title.t-title_xxl, .t-title.t-title_xl, .t-title.t-title_lg, .t-title.t-title_ls,
      .t-title.t-title_md, .t-title.t-title_sm, .t-title.t-title_xs, .t-title.t-title_xxs {
            font-family: 'Poppins', Arial, sans-serif !important;
              font-weight: 800 !important;
              }
              .t-descr.t-descr_xxl, .t-descr.t-descr_xl, .t-descr.t-descr_lg, .t-descr.t-descr_ls,
              .t-descr.t-descr_md, .t-descr.t-descr_sm, .t-descr.t-descr_xs, .t-descr.t-descr_xxs,
              .t-text.t-text_xxl, .t-text.t-text_xl, .t-text.t-text_lg, .t-text.t-text_ls,
              .t-text.t-text_md, .t-text.t-text_sm, .t-text.t-text_xs, .t-text.t-text_xxs {
                    font-family: Arial, sans-serif !important;
                    }
      

/* ===== Task 10, item 5: decorative "petal" accents (CSS-drawn, no image needed) =====
   Small semi-transparent teardrop/petal shapes in brand colors (teal #41E0D0, pink #F0699B),
   placed in 2-3 spots only: Why Aurora block, FAQ header, Registration form block. */
#rec2677379701 { position: relative; overflow: visible; }
#rec2677379701::before {
content: '';
position: absolute;
top: 18px;
right: 18px;
width: 64px;
height: 64px;
background: #41E0D0;
opacity: 0.20;
border-radius: 0% 50% 50% 50%;
transform: rotate(-20deg);
pointer-events: none;
z-index: 0;
}

#rec2808275401 { position: relative; overflow: visible; }
#rec2808275401::before {
content: '';
position: absolute;
top: -12px;
left: 6px;
width: 48px;
height: 48px;
background: #F0699B;
opacity: 0.20;
border-radius: 50% 0% 50% 50%;
transform: rotate(15deg);
pointer-events: none;
z-index: 0;
}

#rec2690341301 { position: relative; overflow: visible; }
#rec2690341301::before {
content: '';
position: absolute;
top: 12px;
right: 12px;
width: 52px;
height: 52px;
background: #41E0D0;
opacity: 0.20;
border-radius: 50% 50% 0% 50%;
transform: rotate(10deg);
pointer-events: none;
z-index: 0;
}


/* ===== Task 10, item 6: Button text contrast fix (site-wide) =====
   Primary button ("Join a sports section" etc.): text = dark navy #131F29 (was gray/white/inconsistent).
   Secondary/outline button: text = same color as its border (dark navy), not gray. */
.t-btn.t-btnflex_type_button,
.t-btn.t-btnflex_type_button .t-btnflex__text {
color: #131F29 !important;
}
.t-btn.t-btnflex_type_button2,
.t-btn.t-btnflex_type_button2 .t-btnflex__text {
color: #131F29 !important;
border-color: #131F29 !important;
}


/* Higher-specificity fix: Tilda embeds ID-scoped !important border-color per block,
   which beats a plain class selector. Add extra class to win by specificity (1 ID + 3 classes > 1 ID + 2 classes). */
#rec2678450201 .t-btnflex.t-btnflex_type_button2.t-btn,
#rec2679211401 .t-btnflex.t-btnflex_type_button2.t-btn {
color: #131F29 !important;
border-color: #131F29 !important;
}


/* ===== Task 10, item 7: Round icon colors (site-wide, by icon file) =====
   Tilda bakes icon colors into the image URL itself (paint/OUTLINE-FILL-.../icon.svg).
   Original gray fill #e2e2e2 -> brand teal/pink; outline -> dark navy #131F29. */
[data-original$="star_quality.svg"] {
background-image: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-41e0d0-1-50-58/star_quality.svg') !important;
}
[data-original$="bubble_speach_dialog_talk.svg"] {
background-image: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-f0699b-1-50-58/bubble_speach_dialog_talk.svg') !important;
}
[data-original$="guest_persona.svg"] {
background-image: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-41e0d0-1-50-58/guest_persona.svg') !important;
}


/* ===== Task 10, item 8: Card styling (Sections / Facilities / Events) =====
   White background, 1px light-gray border, 12px rounded corners,
   hover = soft shadow + lift 2px. */

/* Sections & Facilities: image+text cards (.t852__col / .t852__content) */
.t852__col .t852__content {
background-color: #ffffff;
border: 1px solid #E0E0E0;
border-radius: 12px;
overflow: hidden;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.t852__col .t852__textwrapper {
padding: 16px 20px 20px 20px;
}
@media (hover: hover) and (pointer: fine) {
  .t852__col:hover .t852__content {
  box-shadow: 0 8px 24px rgba(19, 31, 41, 0.12);
  transform: translateY(-2px);
  }
}

/* Events page "What We Organize" list, styled as cards (scoped to this block only) */
#rec2686059701 .t-list__item {
background-color: #ffffff;
border: 1px solid #E0E0E0;
border-radius: 12px;
padding: 24px 28px;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  #rec2686059701 .t-list__item:hover {
  box-shadow: 0 8px 24px rgba(19, 31, 41, 0.12);
  transform: translateY(-2px);
  }
}


/* ===== Petal pattern: site-wide decorative background for white blocks (enlarged 4x, opacity increased) ===== */
.uc-petal-pilot {
      background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('https://static.tildacdn.com/tild3366-3232-4262-b236-623437373038/petal-variant2.png');
        background-repeat: no-repeat, repeat;
          background-size: cover, 1200px 1200px;
            background-position: center top, top left;
            }


/* 5. Petals: remove decorative petal background from plain text blocks (t004) so it doesn't stack/clash at section seams with adjacent petal sections (e.g. card grids, t852). Keep petals only on visual/grid sections for a cleaner, less repetitive look. */
.t-rec.uc-petal-pilot:has(.t004) {
  background-image: none !important;
}


/* 6. Petals: when two or more non-text petal sections sit back-to-back (e.g. homepage's card grid + about + stats blocks), only the FIRST one in the run keeps the decorative pattern - the rest are hidden to avoid clashing/overlapping tile seams. Text blocks are already excluded via rule 5 above. */
.uc-petal-pilot:not(:has(.t004)) + .uc-petal-pilot:not(:has(.t004)) {
  background-image: none !important;
}


/* 7. Home hero: decorative CSS-only sparkle accents (pure CSS clip-path, no images/fonts/base64) - brand-neutral white sparkles that read on both the teal and pink parts of the gradient, positioned to not overlap the H1/subtitle text */
#rec2671722501 {
  position: relative;
  overflow: visible;
}
#rec2671722501 .t050 {
  position: relative;
}
#rec2671722501::before,
#rec2671722501::after,
#rec2671722501 .t050::before,
#rec2671722501 .t050::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 1;
  clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
  background: #ffffff;
}
#rec2671722501::before {
  top: 10%;
  left: 6%;
  width: 26px;
  height: 26px;
  opacity: 0.55;
}
#rec2671722501::after {
  bottom: 12%;
  right: 7%;
  width: 18px;
  height: 18px;
  opacity: 0.45;
}
/* Task 17: these two tiny title-corner sparkles had right:-36px / left:-32px, pushing them outside the
   hero's own box and causing a real ~36px page-wide horizontal overflow/scroll on every viewport (user:
   "сайт все равно шевелиться и это очень бесит сделай его статичным"). Pulled back inside the bounds. */
#rec2671722501 .t050::before {
  top: -20px;
  right: 6px;
  width: 12px;
  height: 12px;
  opacity: 0.6;
}
/* .t050::after fully reassigned to the Task 16 icon cluster below - old tiny-sparkle sub-rule removed to avoid a left/right positioning conflict and an unintended opacity:0.5 leaking onto the new icons. */
@media (max-width: 640px) {
  #rec2671722501::before,
  #rec2671722501::after {
    width: 14px;
    height: 14px;
  }
  #rec2671722501 .t050::before,
  #rec2671722501 .t050::after {
    display: none;
  }
}

/* 8. Home CTA: turn the 'Book a Trial Class' button block into a contrasting dark CTA banner (echoes the reference site's high-contrast CTA pattern, no new factual claims) */
#rec3050437101 {
  background: linear-gradient(45deg, #131f29 0%, #2f3a48 60%, #131f29 100%) !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  position: relative;
  overflow: hidden;
}
#rec3050437101::before {
  content: "Ready to get started?";
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 22px 0;
  font-family: inherit;
}
#rec3050437101::after {
  content: '';
  position: absolute;
  top: 14%;
  right: 8%;
  width: 20px;
  height: 20px;
  background: #41e0d0;
  opacity: 0.5;
  pointer-events: none;
  clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
}
#rec3050437101 .t-btn {
  box-shadow: 0 8px 24px rgba(65,224,208,0.35);
}
@media (max-width: 640px) {
  #rec3050437101::before {
    font-size: 20px;
  }
}

/* 9. Home 'Why Aurora': turn the plain icon+text list into a 2x2 bento-style card grid - same real copy/icons, layout only, no new content */
#rec2677379701 .t1095__container {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}
#rec2677379701 .t1095__container::before,
#rec2677379701 .t1095__container::after {
  content: none !important;
  display: none !important;
}
#rec2677379701 .t-item {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 28px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(19,31,41,0.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
#rec2677379701 .t-item:nth-child(even) {
  background: rgba(64,224,208,0.08) !important;
}
@media (hover: hover) and (pointer: fine) {
  #rec2677379701 .t-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(19,31,41,0.14);
  }
}
@media (max-width: 980px) {
  #rec2677379701 .t1095__container {
    grid-template-columns: 1fr !important;
  }
}


/* Rule 10: About section gradient wash (teal-violet-pink echo of hero gradient) */
#rec2865635401 {
  background-color: #f0f0f0 !important;
  background-image: linear-gradient(135deg, rgba(64,224,208,0.12) 0%, rgba(160,165,194,0.10) 50%, rgba(255,105,180,0.12) 100%) !important;
}

/* Rule 11: fix leftover default-Tilda-blue numbered steps on Events page */
#rec2686252901 .t510__circle{border-color:#41E0D0 !important;color:#131F29 !important;}
/* Task 15: "How It Works" navy title band on Events looked like another flat boring dark stripe (user: "полоса ужасная") -
   drop the solid-navy layer, keep the existing decorative petal/white-tint background, retint title to dark navy */
#rec2686252901 {
  background-image: linear-gradient(transparent, transparent), linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url("https://static.tildacdn.com/tild3366-3232-4262-b236-623437373038/petal-variant2.png") !important;
}
#rec2686252901 .t-section__title {
  color: #131F29 !important;
}

/* Rule 12: dark intro-paragraph block on Activities/Facilities/Events/About (right after gradient hero) - matches dark CTA banner style on Home */
#rec2678131701, #rec2678737901, #rec2686036901, #rec2689852701 {
  background: #131F29 !important;
}
#rec2678131701 .t-text, #rec2678737901 .t-text, #rec2686036901 .t-text, #rec2689852701 .t-text {
  color: #FFFFFF !important;
}

/* Rule 13: polish About-page stats block (11 Activities / 6 Venues) into proper stat cards */
#rec3047419101 { background: transparent !important; padding-top: 20px !important; padding-bottom: 20px !important; }
#rec3047419101 .t-row { display: flex !important; flex-wrap: wrap; gap: 24px; margin: 0 !important; }
#rec3047419101 .t-col_6 { width: auto !important; flex: 1 1 260px; float: none !important; padding: 0 !important; }
#rec3047419101 .t005__text {
  text-align: center !important;
  border-radius: 20px;
  padding: 44px 24px;
  box-shadow: 0 10px 30px rgba(19,31,41,0.08);
  transition: transform .25s ease, box-shadow .25s ease;
  font-size: 14px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4B5B66;
  font-weight: 700;
}
#rec3047419101 .t-col_6:nth-child(1) .t005__text { background: rgba(65,224,208,0.12); }
#rec3047419101 .t-col_6:nth-child(2) .t005__text { background: rgba(240,105,155,0.12); }
@media (hover: hover) and (pointer: fine) {
  #rec3047419101 .t005__text:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(19,31,41,0.14); }
}
#rec3047419101 .t005__text strong {
  display: block;
  font-size: 64px !important;
  line-height: 1;
  color: #131F29;
  margin-bottom: 10px;
  letter-spacing: normal;
  text-transform: none;
}

/* Rule 14: recolor About page Mission block (#009299 off-brand teal) to brand navy for consistency with other dark blocks on the page */
#rec2689899401 .t672__textwrapper { background-color: #131F29 !important; }

/* Rule 15: "Why Aurora" bento (#rec2677379701) - alternate icon accent colors card-by-card (pink/teal/pink/teal) for a checkerboard look, instead of the previous grouped pink,pink,teal,teal. Scoped to this block only so the site-wide by-filename icon-color rules (Task 10 item 7) are untouched elsewhere. */
#rec2677379701 [data-original$="bubble_speach_dialog_talk.svg"] {
background-image: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-41e0d0-1-50-58/bubble_speach_dialog_talk.svg') !important;
}
#rec2677379701 [data-original$="guest_persona.svg"] {
background-image: url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-f0699b-1-50-58/guest_persona.svg') !important;
}

/* Rule 16: Facilities availability paragraph (#rec2679168401) - was a plain unstyled paragraph, looked out of place vs the rest of the card-heavy site. Wrapped in a teal-tint rounded card, centered, matching the brand palette (no new hue). */
#rec2679168401 .t-text{background:#E2FAF8;border-radius:20px;padding:28px 36px;max-width:640px;margin:0 auto;color:#131F29;font-weight:500;text-align:center;box-shadow:0 4px 16px rgba(19,31,41,0.08);}


/* Rule 17: Events page cards (#rec2686059701) - checkerboard icon colors. Card1 star_quality=teal, card2 bubble_speach_dialog_talk=pink, card3 guest_persona=teal already alternate correctly via the site-wide by-filename rules (Task 10 item 7). Card4 reuses star_quality.svg (same file as card1), so the site-wide rule made it teal too, breaking the alternation. This scoped override (by position, since attribute selector alone can't distinguish two instances of the same icon file) recolors only card4's icon to pink. */
#rec2686059701 .t1095__container > li:nth-child(4) [data-original$="star_quality.svg"]{background-image:url('https://static.tildacdn.com/lib/icons/tilda/-/paint/131f29-f0699b-1-50-58/star_quality.svg') !important;}


/* Rule 18: Events "How It Works" (#rec2686252901) - was a plain numbered list (bare outlined circles + text), looked unfinished next to the card-heavy rest of the site. Turned each step into a white rounded card with shadow, and gave the number circles alternating brand-color fills (teal/pink/teal) for a bit of the same checkerboard energy as the rest of the page, all within the locked palette. */
#rec2686252901 .t510__container{display:flex;flex-direction:column;gap:20px;}
#rec2686252901 .t510__container > li{list-style:none;background:#fff;border-radius:18px;padding:26px 30px;box-shadow:0 6px 20px rgba(19,31,41,0.07);}
#rec2686252901 .t510__circle{background:#41E0D0;border-color:#41E0D0;}
#rec2686252901 .t510__circle{color:#131F29 !important;}
#rec2686252901 .t510__container > li:nth-child(2) .t510__circle{background:#FF69B4;border-color:#FF69B4;}


/* Rule 19: Registration hero sub-line (#rec2691190801) "Request types: ..." - sat right under the gradient hero with no separation and pale default text color, easy to miss. Gave it top margin to separate from the hero, a teal-tint pill background, and dark navy text to match the readable-text style used elsewhere on the site. */
#rec2691190801{padding-top:36px !important;}
#rec2691190801 .t-text{display:inline-block;background:#131F29;color:#FFFFFF !important;border-radius:999px;padding:10px 24px;font-weight:600;}
#rec2691190801 .t-container{text-align:center;}


/* Rule 20: Contacts info block (#rec2691595701) - address/phone/WhatsApp/email sat on plain white, inconsistent with the dark intro blocks used on Activities/Facilities/Events/About/Home CTA. Recolored to navy bg with white text; the WhatsApp link keeps its teal accent (already good contrast on navy, matches header nav treatment) and the tel: link is bumped to white since navy-on-navy was unreadable. */
#rec2691595701{background-color:#131F29 !important;background-image:none !important;}
#rec2691595701 .t-text{color:#fff !important;}
#rec2691595701 a[href^="tel:"]{color:#fff !important;}
#rec2691595701 a[href^="https://wa.me"]{color:#41E0D0 !important;}


/* Rule 21: Site Footer contact line (#rec3082621401) - new text block added under the dark nav bar with the real address/phone/email (per user request "in the footer, list all contacts"). Styled to visually continue the dark footer bar (same navy) instead of sitting as an unstyled gray paragraph. */
/* Rule 21 v3: user wants logo (FT306) and footer address in parallel on the SAME row, not stacked below it ("не под лого, сначала лого и в параллели адрес на одной строке"). Pull the block up by FT306's row height (151px) so it overlaps into the empty space to the right of the logo, vertically centered - instead of a separate row underneath. */
#rec3082621401{background-color:transparent !important;background-image:none !important;margin-top:-151px !important;padding-top:0 !important;padding-bottom:0 !important;position:relative !important;z-index:1 !important;}
#rec3082621401 .t004{padding-top:0 !important;padding-bottom:0 !important;}
#rec3082621401 .t-container{display:flex !important;align-items:center !important;min-height:151px !important;}
#rec3082621401 .t-col{width:100% !important;margin-left:0 !important;max-width:100% !important;padding-left:290px !important;}
#rec3082621401 .t-text{color:#A9B0B6 !important;text-align:left !important;width:100% !important;max-width:100% !important;margin:0 !important;padding-left:15px !important;font-size:14px !important;line-height:1.7 !important;}

/* Rule 21b: mobile fix - Rule 21 desktop-only pull-up trick (margin-top:-151px, padding-left:290px) has no media guard, so on mobile (nav wraps to 2 lines, block is much narrower) the address overlaps the nav links above it. Reset to a normal stacked block below the logo/nav on mobile. */
@media (max-width: 980px) {
  #rec3082621401{margin-top:24px !important;position:static !important;}
  #rec3082621401 .t-container{display:block !important;min-height:0 !important;}
  #rec3082621401 .t-col{padding-left:0 !important;}
  #rec3082621401 .t-text{padding-left:0 !important;text-align:left !important;}
}


/* Rule 22: Home page About Us block (#rec2865635401) - was a plain flat-gray text block with almost no visual design (user: 'almost no about info, make it a nice block like the gymnastics page'). Restyled using the site's own established hero-gradient convention (same teal-to-pink gradient used on every program/about page hero) applied as a rounded card behind the title, plus a light teal-tint background for the section (same E2FAF8 tint used elsewhere, e.g. Rule 16). No new content - same real About text and Learn More button, just visual polish consistent with the rest of the site. */
#rec2865635401{background:#E2FAF8 !important;padding-top:50px !important;padding-bottom:70px !important;}
#rec2865635401 .t467__title{background:linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%);color:#131F29;padding:50px 40px 38px;border-radius:28px;margin-bottom:32px !important;}
#rec2865635401 .t467__title::before{content:"ABOUT US";display:block;font-weight:700;letter-spacing:3px;font-size:13px;color:#131F29;opacity:.65;margin-bottom:14px;}
#rec2865635401 .t467__descr{color:#131F29 !important;max-width:760px;margin:0 auto 8px;font-size:18px;line-height:1.65;}


/* Rule 23: Registration hero subtitle (#rec2690234101, .t050__descr "Choose what you need...") - the T050 block bundles title+subtitle in one row, so the subtitle sat directly on the gradient with no separation (user: 'didn't separate this and didn't make it dark like everywhere else'). Layered a second solid-navy background under the gradient, sized to only cover the title zone, so the subtitle visually sits on its own dark navy band below - matching the title-on-gradient / text-on-dark-navy pattern used on Facilities, Contacts and Events. */
#rec2690234101{background-image:linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%),linear-gradient(#131F29,#131F29) !important;background-size:100% 63%,100% 100% !important;background-position:top,top !important;background-repeat:no-repeat,no-repeat !important;}
#rec2690234101 .t050__descr{color:#fff !important;padding-top:30px !important;}


/* Rule 24: Events "What We Organize" section (#rec2686059701) - missing the site's decorative petal-outline pattern that every other white section carries via the uc-petal-pilot class (user: 'missing petals here on the white background'). This block never got that class, so replicated the exact same background layers (white wash + petal-variant2.png) used elsewhere, e.g. Facilities' "Our Venues" section. */
#rec2686059701{background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url('https://static.tildacdn.com/tild3366-3232-4262-b236-623437373038/petal-variant2.png') !important;background-size:cover,1200px 1200px !important;background-position:50% 0%,0% 0% !important;background-repeat:no-repeat,repeat !important;}


/* Rule 25: Home page quick-links cards (#rec2676921201, t852 Zero Block) - the wood-texture photo (.t852__bgimg/.t852__img) had a page-level border-radius:20px while its clipping card frame (.t852__content) is 12px, so the tighter card corner showed a white triangular gap at each rounded corner (user: "uголки почему они тарчат" / corners sticking out). Matched the image radius to the card frame radius. */
/* Rule 25 (updated): made global, not just Home - the same 12px-container/20px-image radius mismatch (white corner artifact) was found via full-site scan on Programs (#rec2678146301) and Facilities (#rec2678795801) too, same t852 Zero Block pattern (user: "везде проверь уголки" - check corners everywhere). Targeting the class directly (not scoped to one rec ID) so it covers every current AND future t852 card block sitewide. */
.t852__bgimg,.t852__img{border-radius:12px !important;}

/* Rule 26: Events "How It Works" section (#rec2686252901, T510 block) - was plain flat white for both the title and the numbered steps list, looking unfinished next to the rest of the site (user: "сделай сразу нормальный дизайн ты что здесь ничего не сделал", then: "предлагаю этот блок темным и на нижнем сделать лепестки"). Title+list share one record, so layered two backgrounds: solid navy sized to just the title zone (202px, measured to the top of the steps list) matching the dark title-band pattern used elsewhere (Registration/Facilities/Contacts), and the site's petal pattern for the remaining area behind the numbered steps, matching Events' own "What We Organize" section (Rule 24). */
#rec2686252901{
  background-image: linear-gradient(transparent,transparent), linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('https://static.tildacdn.com/tild3366-3232-4262-b236-623437373038/petal-variant2.png') !important;
  background-size: 100% 202px, cover, 1200px 1200px !important;
  background-position: top, 50% 0%, 0% 0% !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}
#rec2686252901 .t-section__title{color:#131F29 !important;}

/* Rule 27: Unify hero-subtitle sizing sitewide - Home/Registration/Contacts use the T050 bundled title+descr (.t050__descr.t-descr_xxl, 26px), but Activities/Venue Rental/Events/About-intro use a separate block with .t-text.t-text_md, which rendered at 20px - a visible size mismatch for the same role (user: "выровни везде размер и стиль шрифта чтобы не отличался по всему сайту"). Bumped these four to match the 26px standard. */
#rec2678131701 .t-text.t-text_md{font-size:26px !important;line-height:37.7px !important;}
#rec2678737901 .t-text.t-text_md{font-size:26px !important;line-height:37.7px !important;}
#rec2686036901 .t-text.t-text_md{font-size:26px !important;line-height:37.7px !important;}
#rec2689852701 .t-text.t-text_md{font-size:26px !important;line-height:37.7px !important;}

/* Rule 28: About page "Trusted by our host venue" (#rec3047953701) was mistakenly styled with the H1 hero class (t-title_xxl, 82px/800) instead of the standard section-title size (t-title_xs, 42px/800) used everywhere else (Why Aurora, How It Works, Our Venues, What We Organize) - made a mid-page heading render the same giant size as the page's real H1. */
#rec3047953701 .t050__title{font-size:42px !important;line-height:51.66px !important;}

/* Rule 25: Home Google-review cards (#rec3108615501 Natalia, #rec3108756201 Yulia, #rec3130865101 Alexandra, #rec3130948301 Dinar, #rec3130988601 Ilya) - were five bare full-width paragraphs stacked with no card treatment, looked like plain unstyled text ("колхоз") vs the rest of the site's card-based design language. Redesigned as centered quote cards with alternating brand-tint backgrounds (same 15%-color+85%-white math blend as Rule 16's teal tint, mirrored for pink: #FFE9F4), rounded corners, soft shadow, and a big decorative quotation-mark accent that alternates pink/teal opposite the card tint (checkerboard, matching the Home bento-grid icon-alternation convention). No new hues - only locked-palette blends. */
#rec3108615501, #rec3108756201, #rec3130865101, #rec3130948301, #rec3130988601 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
#rec3108615501 .t-text, #rec3130865101 .t-text, #rec3130988601 .t-text {
  background: #E2FAF8 !important;
}
#rec3108756201 .t-text, #rec3130948301 .t-text {
  background: #FFE9F4 !important;
}
#rec3108615501 .t-text, #rec3108756201 .t-text, #rec3130865101 .t-text, #rec3130948301 .t-text, #rec3130988601 .t-text {
  display: block !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  padding: 46px 48px 34px !important;
  box-shadow: 0 14px 32px rgba(19,31,41,0.10) !important;
  position: relative !important;
  color: #131F29 !important;
}
#rec3108615501 .t-text::before, #rec3130865101 .t-text::before, #rec3130988601 .t-text::before {
  content: "\201C";
  position: absolute; top: -8px; left: 28px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 92px; line-height: 1;
  color: #FF69B4; opacity: .32;
}
#rec3108756201 .t-text::before, #rec3130948301 .t-text::before {
  content: "\201C";
  position: absolute; top: -8px; left: 28px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 92px; line-height: 1;
  color: #41E0D0; opacity: .32;
}


/* ===== Task 11: Homepage "Three ways to join us" - full-bleed photo cards ===== */
#rec2676921201 .t852__imgwrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding-bottom: 118% !important;
  margin-bottom: 0 !important;
}
#rec2676921201 .t852__bgimg,
#rec2676921201 .t852__img {
  border-radius: 20px;
  transition: transform .45s ease;
}
#rec2676921201 .t852__imgwrapper::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 62%;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(to top, rgba(19,31,41,0.88) 0%, rgba(19,31,41,0.45) 48%, rgba(19,31,41,0) 100%);
  pointer-events: none;
}
#rec2676921201 .t852__content {
  position: relative;
}
#rec2676921201 .t-card__title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(19,31,41,0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 30px;
  padding: 10px 14px 10px 18px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}
#rec2676921201 .t-card__title::after {
  content: '\2192';
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%);
  color: #131F29;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
#rec2676921201 .t-card__descr {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 64px;
  z-index: 2;
  color: rgba(255,255,255,0.92);
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}
@media (hover: hover) and (pointer: fine) {
  #rec2676921201 .t852__col:hover .t852__bgimg,
  #rec2676921201 .t852__col:hover .t852__img {
    transform: scale(1.06);
  }
}
@media screen and (max-width:960px) {
  #rec2676921201 .t852__imgwrapper { padding-bottom: 105% !important; }
  #rec2676921201 .t-card__title { font-size: 14px; padding: 9px 12px 9px 16px; }
  #rec2676921201 .t-card__descr { font-size: 12px; bottom: 58px; }
}


/* Task 18: user said the icon cluster was awful ("убери этот ужас срочно") - removed entirely, no decoration in this spot now. */
#rec2671722501 .t050::after {
  content: none;
  display: none;
}

/* CTA (rec3050437101): replace flat full-bleed banner with a floating rounded card that overlaps the hero */
#rec3050437101 {
  background: transparent !important;
  padding-top: 40px !important;
  padding-bottom: 70px !important;
  overflow: visible;
}
#rec3050437101::before { content: none; }
#rec3050437101::after { display: none; }
#rec3050437101 .t1331 {
  max-width: 620px;
  margin: -60px auto 0;
  background: linear-gradient(135deg, #131f29 0%, #2f3a48 100%);
  border-radius: 28px;
  padding: 44px 36px;
  box-shadow: 0 24px 50px rgba(19,31,41,0.3);
  position: relative;
  overflow: hidden;
}
#rec3050437101 .t1331::before {
  content: "Ready to get started?";
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 22px 0;
  font-family: inherit;
}
#rec3050437101 .t1331::after {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(65,224,208,0.35) 0%, rgba(65,224,208,0) 70%);
  pointer-events: none;
}
@media (max-width: 640px) {
  #rec3050437101 .t1331 {
    margin-top: -30px;
    padding: 32px 22px;
    border-radius: 22px;
  }
  #rec3050437101 .t1331::before {
    font-size: 20px;
  }
}


/* ===== Task 14: reduce dark-block over-use sitewide (user: "все черные блоки скучные") ===== */

/* Intro-paragraph blocks on Activities/Facilities/Events/About - flat navy box -> light elevated card with alternating brand-color accent */
#rec2678131701, #rec2678737901, #rec2686036901, #rec2689852701 {
  background: transparent !important;
}
#rec2678131701 .t-container, #rec2686036901 .t-container {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(19,31,41,0.08);
  padding: 36px 40px !important;
  border-left: 4px solid #41e0d0;
}
#rec2678737901 .t-container, #rec2689852701 .t-container {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(19,31,41,0.08);
  padding: 36px 40px !important;
  border-left: 4px solid #ff69b4;
}
#rec2678131701 .t-text, #rec2678737901 .t-text, #rec2686036901 .t-text, #rec2689852701 .t-text {
  color: #131F29 !important;
}

/* About page Mission block - navy -> light neutral tint (was recolored from off-brand teal to navy in Rule 14; now softened to match the lighter card language above) */
#rec2689899401 .t672__textwrapper {
  background-color: #f2f2f2 !important;
}
#rec2689899401 .t672__text {
  color: #131F29 !important;
}

/* Contacts info block - navy -> light card, consistent with the info-card language instead of another flat black box */
#rec2691595701 {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(19,31,41,0.08);
}
#rec2691595701 .t-text {
  color: #131F29 !important;
}
#rec2691595701 a[href^="tel:"] {
  color: #131F29 !important;
}
#rec2691595701 a[href^="https://wa.me"] {
  color: #1a9c8f !important;
}

/* Registration hero subtitle band - solid opaque navy -> translucent overlay blended into the gradient instead of a hard flat black bar */
#rec2690234101 {
  /* Tilda forces inline background-size: 59.09% top layer / 100% 2nd layer !important on this element,
     which beats any external !important override. Exploiting the size-list cycling instead: 4 image layers
     so layer0 (topmost, cycles to size-slot0=59%) = plain gradient for the title zone; layer1 (cycles to
     size-slot1=100%) = translucent navy wash full height; layer2 (filler, cycles to slot0=59%, always hidden);
     layer3 (cycles to slot1=100%) = full-height opaque gradient backstop, so the subtitle band below the 59%
     cutoff shows navy-tinted brand gradient instead of flat gray. */
  background-image:
    linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%),
    linear-gradient(rgba(19,31,41,0.45), rgba(19,31,41,0.45)),
    linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%),
    linear-gradient(90deg,#40E0D0 0%,#FF69B4 100%) !important;
  background-position: top, top, top, top !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
}


/* ===== Mobile 2-column grid for Activities page cards ===== */
@media (max-width:640px) {
  #rec3436887501 .t852__container {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  #rec3436887501 .t852__col {
    flex: 0 0 calc(50% - 7px) !important;
    width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
    box-sizing: border-box !important;
  }
  #rec3436887501 .t852__container {
    overflow-x: hidden !important;
    scroll-snap-type: none !important;
  }
  #rec3436887501 .t-card__img {
    height: 160px !important;
  }
  #rec3436887501 .t852__title {
    font-size: 16px !important;
  }
  #rec3436887501 .t852__descr {
    font-size: 13px !important;
  }
}


/* Fix: Volleyball page "Meet Your Coach" - Coach Vince mobile card had a huge gap between photo and text (top values not adjusted for the 320px breakpoint). Shift name/subtitle/bio up to close the gap, matching Coach Irina's card spacing. */
@media (max-width: 479px) {
  [data-elem-id="1474457880885"] { top: 1143px !important; }
  [data-elem-id="1474451816576"] { top: 1165px !important; }
  [data-elem-id="1479133259799"] { top: 1184px !important; }
}