:root {
  --rl-sky-0: #fbfdff;
  --rl-sky-1: #eef8ff;
  --rl-sky-2: #dcefff;
  --rl-sky-3: #b7dbff;
  --rl-sky-4: #8cc6ff;
  --rl-ink: #1c4f85;
  --rl-ink-2: rgba(28, 79, 133, .88);
  --rl-ink-3: rgba(28, 79, 133, .64);
  --rl-stroke: rgba(116, 174, 230, .28);
  --rl-shadow: 0 24px 80px rgba(60, 110, 165, .16), 0 8px 26px rgba(94, 140, 190, .12);
}

html.raku-youth-page-html {
  scroll-behavior: smooth;
  background: linear-gradient(180deg, var(--rl-sky-1) 0%, var(--rl-sky-3) 44%, var(--rl-sky-0) 100%) !important;
}

body.raku-youth-page {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: transparent !important;
  color: var(--rl-ink) !important;
}

body.raku-youth-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -4;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.82) 0%, rgba(255,255,255,.24) 16%, rgba(255,255,255,0) 34%),
    radial-gradient(circle at 80% 16%, rgba(255,255,255,.52) 0%, rgba(255,255,255,.12) 15%, rgba(255,255,255,0) 28%),
    linear-gradient(180deg, #d8edff 0%, #afdafd 26%, #dff2ff 66%, #fbfdff 100%);
}

body.raku-youth-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.48) 0%, rgba(255,255,255,0) 38%);
  pointer-events: none;
}

.rl-youth-bg {
  position: fixed;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
}

.rl-youth-bg__cloud-wrap {
  position: absolute;
  display: block;
  will-change: transform;
}

.rl-youth-bg__cloud {
  display: block;
  height: auto;
  max-width: none;
  user-select: none;
  filter: drop-shadow(0 14px 34px rgba(118, 163, 206, .18));
  animation: rlCloudFloat var(--dur, 40s) ease-in-out infinite alternate;
  transform: translate3d(0,0,0);
  will-change: transform;
}

@keyframes rlCloudFloat {
  from { transform: translate3d(-1.5vw, 0, 0); }
  to   { transform: translate3d(2.2vw, -1.4vh, 0); }
}

body.raku-youth-page #raku-scroll-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2147483647 !important;
  display: block !important;
  width: 0%;
  height: 4px !important;
  border: 0 !important;
  background: linear-gradient(90deg, #20d6e6, #2f7cf6, #ff4e9b) !important;
  box-shadow: 0 0 16px rgba(32,214,230,.45) !important;
  opacity: .78 !important;
  pointer-events: none !important;
}

body.raku-youth-page::-webkit-scrollbar { width: 12px; }
body.raku-youth-page::-webkit-scrollbar-track { background: rgba(255,255,255,.30); }
body.raku-youth-page::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(64,145,255,.52), rgba(80,173,231,.42));
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.38);
}

body.raku-youth-page .text-chalk,
body.raku-youth-page .text-chalk\/80,
body.raku-youth-page .text-chalk\/75,
body.raku-youth-page .text-chalk\/70,
body.raku-youth-page .text-chalk\/60,
body.raku-youth-page .text-chalk\/50,
body.raku-youth-page .text-chalk\/40,
body.raku-youth-page .text-chalk\/35,
body.raku-youth-page .text-chalk\/30 { color: var(--rl-ink) !important; }

body.raku-youth-page .text-accent { color: #3f82d3 !important; }
body.raku-youth-page a {
  transition: color .2s ease, transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body.raku-youth-page .fixed.top-0.left-0.right-0,
body.raku-youth-page nav.fixed {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.raku-youth-page nav .max-w-7xl {
  max-width: min(1280px, calc(100% - 28px)) !important;
  height: auto !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
  justify-content: flex-start !important;
}

body.raku-youth-page .raku-youth-topbrand,
body.raku-youth-page .rl-mobile-utility__brand,
body.raku-youth-page .rl-ideology-brand-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.66) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.46)) !important;
  box-shadow: 0 18px 48px rgba(79,129,184,.18), 0 2px 0 rgba(255,255,255,.48) inset !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  text-decoration: none !important;
}

body.raku-youth-page .raku-youth-topbrand:hover,
body.raku-youth-page .rl-mobile-utility__brand:hover,
body.raku-youth-page .rl-ideology-brand-link:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117,171,235,.55) !important;
  box-shadow: 0 20px 52px rgba(67,120,179,.22), 0 2px 0 rgba(255,255,255,.54) inset !important;
}

body.raku-youth-page .rl-brand-handwrite {
  display: block !important;
  width: auto !important;
  height: 28px !important;
  max-width: min(38vw, 150px) !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(133, 170, 225, .14));
}

body.raku-youth-page section.relative.min-h-screen,
body.raku-youth-page section.min-h-screen {
  background: transparent !important;
  overflow: visible !important;
  padding-top: 88px !important;
}

body.raku-youth-page .max-w-5xl,
body.raku-youth-page .max-w-6xl,
body.raku-youth-page .max-w-7xl { position: relative; }

body.raku-youth-page h1,
body.raku-youth-page .font-serif.font-black,
body.raku-youth-page .text-shadow-chalk {
  color: var(--rl-ink) !important;
  text-shadow: 0 14px 30px rgba(255,255,255,.52) !important;
}
body.raku-youth-page h1 { letter-spacing: -.02em; }

body.raku-youth-page .mb-8 > a.inline-flex,
body.raku-youth-page .inline-flex.items-center.gap-2.text-sm {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(120,173,224,.30) !important;
  background: rgba(255,255,255,.42) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  box-shadow: 0 10px 28px rgba(90,138,191,.12) !important;
  color: var(--rl-ink-2) !important;
}
body.raku-youth-page .mb-8 > a.inline-flex:hover,
body.raku-youth-page .inline-flex.items-center.gap-2.text-sm:hover {
  color: var(--rl-ink) !important;
  border-color: rgba(94,156,214,.48) !important;
  background: rgba(255,255,255,.54) !important;
}

body.raku-youth-page .bg-white\/8,
body.raku-youth-page .shadow-card,
body.raku-youth-page .rounded-2xl.p-8,
body.raku-youth-page .rounded-2xl.p-8.md\:p-10,
body.raku-youth-page .rounded-2xl.p-8.md\:p-10.shadow-card {
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,252,255,.70)) !important;
  border: 1px solid var(--rl-stroke) !important;
  box-shadow: var(--rl-shadow) !important;
  backdrop-filter: blur(20px) saturate(165%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%) !important;
}

body.raku-youth-page .rounded-2xl,
body.raku-youth-page .rounded-xl,
body.raku-youth-page .rounded-lg { border-radius: 30px !important; }
body.raku-youth-page .leading-relaxed { color: var(--rl-ink-2) !important; }

body.raku-youth-page footer {
  margin-top: 44px;
  background: linear-gradient(180deg, rgba(255,255,255,.44), rgba(255,255,255,.30)) !important;
  border-top: 1px solid rgba(116,172,227,.26) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}
body.raku-youth-page footer img { filter: drop-shadow(0 8px 18px rgba(101,146,191,.14)); }
body.raku-youth-page .rl-platform-legal-btn {
  border-color: rgba(117,171,235,.32) !important;
  background: rgba(255,255,255,.52) !important;
  color: var(--rl-ink-2) !important;
  box-shadow: 0 6px 18px rgba(106,145,186,.08) !important;
}
body.raku-youth-page .rl-platform-legal-btn:hover {
  color: var(--rl-ink) !important;
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(84,147,222,.52) !important;
  transform: translateY(-1px);
}
body.raku-youth-page .rl-platform-legal-group > span,
body.raku-youth-page footer .text-sm,
body.raku-youth-page footer .text-sm a,
body.raku-youth-page footer .mt-8 { color: var(--rl-ink-3) !important; }

/* Ideology page */
body.raku-youth-page--ideology .wrap {
  max-width: 1480px;
  margin: 0 auto;
  padding: 24px 24px 56px;
  gap: 26px;
}

body.raku-youth-page--ideology aside {
  position: sticky;
  top: 22px;
  align-self: start;
  height: calc(100vh - 44px);
  max-height: calc(100vh - 44px);
  padding: 24px 18px 26px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,252,255,.64)) !important;
  border: 1px solid rgba(120,176,230,.26) !important;
  border-radius: 32px !important;
  box-shadow: var(--rl-shadow) !important;
  backdrop-filter: blur(18px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
}
body.raku-youth-page--ideology main { padding: 0 0 60px !important; }
body.raku-youth-page--ideology .logo {
  padding-bottom: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
body.raku-youth-page--ideology .logo-name,
body.raku-youth-page--ideology .logo-sub,
body.raku-youth-page--ideology #nav a,
body.raku-youth-page--ideology .nav-cat,
body.raku-youth-page--ideology .future-title,
body.raku-youth-page--ideology .future-sub,
body.raku-youth-page--ideology .sec-title,
body.raku-youth-page--ideology .sec-num,
body.raku-youth-page--ideology .page-head p,
body.raku-youth-page--ideology p,
body.raku-youth-page--ideology li,
body.raku-youth-page--ideology .n { color: var(--rl-ink) !important; }
body.raku-youth-page--ideology .rl-ideology-brand-link {
  padding: 10px 16px !important;
  margin-bottom: 8px !important;
}
body.raku-youth-page--ideology .rl-ideology-brand-link .rl-brand-handwrite {
  height: 26px !important;
  max-width: 132px !important;
}
body.raku-youth-page--ideology .logo-sub,
body.raku-youth-page--ideology .future-sub,
body.raku-youth-page--ideology .nav-cat,
body.raku-youth-page--ideology .nav-sub a { color: var(--rl-ink-3) !important; }
body.raku-youth-page--ideology #nav a { border-radius: 16px !important; padding: 10px 12px !important; }
body.raku-youth-page--ideology #nav a:hover,
body.raku-youth-page--ideology #nav a.is-active,
body.raku-youth-page--ideology #nav a[aria-current="true"] {
  background: rgba(255,255,255,.60) !important;
  box-shadow: 0 8px 24px rgba(106,144,184,.10) !important;
}
body.raku-youth-page--ideology .page-head,
body.raku-youth-page--ideology .future,
body.raku-youth-page--ideology .sec {
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,252,255,.70)) !important;
  border: 1px solid rgba(120,176,230,.26) !important;
  box-shadow: var(--rl-shadow) !important;
  backdrop-filter: blur(18px) saturate(152%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(152%) !important;
}
body.raku-youth-page--ideology .page-head {
  border-radius: 34px !important;
  padding: 42px 40px !important;
  margin-bottom: 22px !important;
}
body.raku-youth-page--ideology .page-head h1 { margin-bottom: 12px !important; color: var(--rl-ink) !important; }
body.raku-youth-page--ideology .future,
body.raku-youth-page--ideology .sec { border-radius: 30px !important; padding: 30px 32px !important; }
body.raku-youth-page--ideology .sec { margin-top: 22px !important; }
body.raku-youth-page--ideology .sec-line {
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(82,160,229,.55), rgba(255,255,255,0)) !important;
  margin: 18px 0 22px !important;
}
body.raku-youth-page--ideology .hi { color: #245d9e !important; font-weight: 700 !important; }

.rl-mobile-utility {
  position: fixed;
  top: 16px;
  left: 16px;
  right: 16px;
  z-index: 60;
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

@media (max-width: 1024px) {
  body.raku-youth-page--ideology .wrap {
    grid-template-columns: 1fr !important;
    padding: 82px 18px 40px !important;
  }
  body.raku-youth-page--ideology aside {
    position: relative;
    top: 0;
    height: auto;
    max-height: none;
  }
}

@media (max-width: 720px) {
  body.raku-youth-page nav .max-w-7xl {
    max-width: calc(100% - 20px) !important;
    padding-top: 12px !important;
    padding-bottom: 6px !important;
  }
  body.raku-youth-page section.relative.min-h-screen,
  body.raku-youth-page section.min-h-screen { padding-top: 74px !important; }
  body.raku-youth-page .raku-youth-topbrand,
  body.raku-youth-page .rl-mobile-utility__brand,
  body.raku-youth-page .rl-ideology-brand-link { padding: 11px 18px !important; }
  body.raku-youth-page .rl-brand-handwrite { height: 24px !important; max-width: 136px !important; }
  body.raku-youth-page .bg-white\/8,
  body.raku-youth-page .shadow-card,
  body.raku-youth-page .rounded-2xl.p-8,
  body.raku-youth-page .rounded-2xl.p-8.md\:p-10 { padding: 22px !important; border-radius: 26px !important; }
  body.raku-youth-page h1,
  body.raku-youth-page .text-4xl,
  body.raku-youth-page .md\:text-5xl {
    font-size: clamp(2rem, 6vw, 2.55rem) !important;
    line-height: 1.15 !important;
  }
  body.raku-youth-page .mb-8 { margin-bottom: 18px !important; }
  body.raku-youth-page footer { margin-top: 28px; }
  body.raku-youth-page--ideology .wrap { padding: 78px 14px 34px !important; }
  body.raku-youth-page--ideology aside { display: none !important; }
  body.raku-youth-page--ideology .page-head,
  body.raku-youth-page--ideology .future,
  body.raku-youth-page--ideology .sec { border-radius: 24px !important; padding: 24px 20px !important; }
  body.raku-youth-page--ideology .page-head { margin-bottom: 18px !important; }
  body.raku-youth-page--ideology .rl-mobile-utility { display: flex; }
  .rl-youth-bg__cloud { opacity: .72 !important; }
}


/* final cleanup overrides */
body.raku-youth-page .fixed.top-0.left-0.right-0,
body.raku-youth-page nav.fixed,
body.raku-youth-page nav.fixed > div,
body.raku-youth-page .max-w-7xl.mx-auto {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

body.raku-youth-page .raku-youth-topbrand,
body.raku-youth-page .rl-mobile-utility__brand,
body.raku-youth-page .rl-ideology-brand-link {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.raku-youth-page .raku-youth-topbrand:hover,
body.raku-youth-page .rl-mobile-utility__brand:hover,
body.raku-youth-page .rl-ideology-brand-link:hover {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}
body.raku-youth-page .raku-youth-topbrand .rl-brand-handwrite,
body.raku-youth-page .rl-mobile-utility__brand .rl-brand-handwrite,
body.raku-youth-page .rl-ideology-brand-link .rl-brand-handwrite {
  filter: none !important;
}
body.raku-youth-page--ideology .logo {
  border-bottom: none !important;
}
body.raku-youth-page--ideology nav a {
  border-left: none !important;
  margin-left: 0 !important;
}
body.raku-youth-page--ideology nav a.on {
  border-left-color: transparent !important;
}
body.raku-youth-page--ideology nav a .n {
  width: auto !important;
  min-width: 28px !important;
}
body.raku-youth-page--ideology .nav-divider {
  display: none !important;
}