/* Axura portrait icon frame and small global hides. */

/* ==============================
   Axura portrait icon frame
   ============================== */
   
/* 1) KILL THEME ARTIFACTS */
.header-tou,
.header-tou img {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}
/* Real size controller */
.header-tou a {
  width: 110px !important; 
  height: 110px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Make image obey wrapper */
.header-tou img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
}

/* 2) CONTAINER (stacking context) */
.header-tou {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 3) INNER GLOW CORE (MIDDLE) */
.header-tou::before {
  content: "";
  position: absolute;

  width: 105px;
  height: 105px;
  border-radius: 50%;

  background: radial-gradient(
    circle at 40% 50%,
    rgba(0, 255, 240, 0.45),   /* electric cyan */
    rgba(255, 0, 220, 0.28)    /* hot magenta */
);

  opacity: 0.65;   /* cleaner default */
  z-index: 1;
}

/* 4) GLOW WITH NEON FLICKER */
.header-tou::after {
  content: "";
  position: absolute;

  width: 115px;
  height: 115px;
  border-radius: 50%;
  pointer-events: none;

  /* no physical ring */
  border: none;

  /* base soft aura */
  box-shadow:
    0 0 6px rgba(0, 229, 255, 0.35),
    0 0 8px rgba(255, 0, 204, 0.25);

  animation: neonFlicker 5s infinite ease-in-out;
  z-index: 0;
}

/* —— REALISTIC NEON FLICKER —— */
@keyframes neonFlicker {

  /* BASE STATE — calm idle glow */
  0% {
    box-shadow:
      /* blue layer: radius = spread, alpha = brightness */
      0 0 4px rgba(0, 229, 255, 0.25),   /* ← smaller = tighter glow */
      /* pink layer: softer than blue */
      0 0 6px rgba(255, 0, 204, 0.15);   /* ← lower alpha = more transparent */
  }

  /* PEAK BRIGHTNESS — main “power-on” moment */
  30% {
    box-shadow:
      0 0 8px rgba(0, 229, 255, 0.6),    /* ↑ increase first number → bigger halo */
      0 0 10px rgba(255, 0, 204, 0.35);  /* ↑ increase alpha → stronger pink */
  }

  /* FLICKER DIP — the moment it dims */
  45% {
    box-shadow:
      /* make these very small for sharper flicker */
      0 0 2px rgba(0, 229, 255, 0.25),   
      0 0 3px rgba(255, 0, 204, 0.08);   
  }

  /* SECOND BRIGHT BURST — more energetic flash */
  70% {
    box-shadow:
      0 0 9px rgba(0, 229, 255, 0.7),    /* ← controls blue intensity */
      0 0 12px rgba(255, 0, 204, 0.65);  /* ← controls pink intensity */
  }

  /* RETURN TO IDLE — settles back down */
  100% {
    box-shadow:
      0 0 5px rgba(0, 229, 255, 0.2),    /* final resting blue glow */
      0 0 7px rgba(255, 0, 204, 0.2);    /* final resting pink glow */
  }
}

/* 5) PORTRAIT (TOP LAYER) */
.header-tou img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  padding: 0 !important;

  position: relative;
  z-index: 2;
}



/* Adjust the font size of the reCAPTCHA notice */
.google-captcha-notice {
    font-size: 10px; /* Set this to your desired font size */
    color: #666; /* Optional: change the color to make it less prominent */
}

/* Hide the reCAPTCHA badge */
.grecaptcha-badge { 
    visibility: hidden; 
}