/* Shared by Thank You / Opt In / Opt Out — the three centred notice pages. */

.rv-notice {
  width: 100%;
  min-height: 100vh;
  background-color: var(--rv-dark-bg);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  font-family: var(--rv-font);
}
.rv-notice * { margin: 0; padding: 0; box-sizing: border-box; }

.rv-notice__inner {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}

.rv-notice__logos { display: flex; flex-direction: column; align-items: center; gap: 0; }
.rv-notice__mark { width: 60px; height: 60px; object-fit: contain; }
.rv-notice__word { width: 100px; height: auto; object-fit: contain; }

.rv-notice__status {
  font-size: 21px; font-weight: 400; color: var(--rv-light-text);
  margin-top: 51px; margin-bottom: 45px;
  line-height: 1.3; text-transform: uppercase; letter-spacing: 1px;
}
.rv-notice__title {
  font-size: 45px; font-weight: 700; color: var(--rv-accent);
  margin-bottom: 63px; line-height: 1.3; text-align: center;
}
.rv-notice__message {
  font-size: 27px; color: var(--rv-light-text); line-height: 2;
  max-width: 900px; margin: 0 auto; text-align: center;
}
.rv-notice__home {
  font-size: 18px; color: var(--rv-accent); text-decoration: none;
  margin-top: 30px; transition: opacity 0.3s ease;
}
.rv-notice__home:hover { opacity: 0.7; }

/* ---- drifting blurred orbs ---- */
.rv-notice__orb {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(var(--rv-accent-rgb), 0.15), rgba(var(--rv-accent-rgb), 0.08));
  filter: blur(60px); pointer-events: none; z-index: 0;
}
.rv-notice__orb--1 { width: 400px; height: 400px; top: 10%;    left: 10%;  animation: rvFloat1 20s ease-in-out infinite; }
.rv-notice__orb--2 { width: 500px; height: 500px; top: 50%;    right: 10%; animation: rvFloat2 25s ease-in-out infinite; }
.rv-notice__orb--3 { width: 450px; height: 450px; bottom: 10%; left: 50%;  animation: rvFloat3 22s ease-in-out infinite; }

@keyframes rvFloat1 {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(100px,-80px); }
  50% { transform: translate(-50px,100px); }
  75% { transform: translate(80px,50px); }
}
@keyframes rvFloat2 {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(-120px,90px); }
  50% { transform: translate(60px,-70px); }
  75% { transform: translate(-80px,-100px); }
}
@keyframes rvFloat3 {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(-90px,-110px); }
  50% { transform: translate(110px,80px); }
  75% { transform: translate(-70px,60px); }
}
@media (prefers-reduced-motion: reduce) { .rv-notice__orb { animation: none; } }

@media (max-width: 768px) {
  .rv-notice__title   { font-size: 26px; margin-bottom: 20px; }
  .rv-notice__message { font-size: 17px; }
  .rv-notice__mark    { width: 65px; height: 65px; }
  .rv-notice__word    { width: 85px; }
  .rv-notice__status  { font-size: 12px; margin-top: 24px; margin-bottom: 12px; }
  .rv-notice__inner   { gap: 20px; padding-top: 10px; }
  .rv-notice__home    { font-size: 16px; margin-top: 20px; }
  .rv-notice__orb--1, .rv-notice__orb--2, .rv-notice__orb--3 { width: 300px; height: 300px; }
}
@media (max-width: 480px) {
  .rv-notice         { padding: 15px; }
  .rv-notice__title  { font-size: 27px; margin-bottom: 21px; }
  .rv-notice__message{ font-size: 15px; line-height: 1.6; }
  .rv-notice__mark   { width: 60px; height: 60px; }
  .rv-notice__word   { width: 60px; }
  .rv-notice__status { font-size: 12px; margin-bottom: 10px; }
  .rv-notice__inner  { gap: 16px; }
  .rv-notice__home   { font-size: 14px; margin-top: 15px; }
  .rv-notice__orb--1, .rv-notice__orb--2, .rv-notice__orb--3 { width: 250px; height: 250px; }
}