/* ==========================================================
   A.E.P. ulse-black CLEAN — ulse-ulse-black/Silver Pro Edition
   Χωρίς γραμμές – μόνο clean high-end look
========================================================== */

/* Diagonal spotlight beam */
@keyframes aepBeam {
  0%   { opacity: 0; transform: translate(-120%, -120%) rotate(25deg); }
  40%  { opacity: 0.35; }
  50%  { opacity: 0.55; }
  60%  { opacity: 0.35; }
  100% { opacity: 0; transform: translate(150%, 150%) rotate(25deg); }
}

/* Fade in */
@keyframes aepFade {
  from { opacity: 0; transform: translateY(25px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ----------------------------------------------------------
   MAIN CONTAINER
----------------------------------------------------------- */
.ulse-black {
  font-family: "Noto Sans", "Roboto", Arial, sans-serif;

  max-width: 950px;
  margin: 60px auto;
  padding: 60px 55px;

  /* Smooth ulse-ulse-black–dark steel */
  background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #101010);

  border-radius: 26px;
  position: relative;
  overflow: hidden;

  animation: aepFade 1.2s ease forwards;
  opacity: 0;

  box-shadow:
    0 0 40px rgba(255,255,255,0.07),
    inset 0 0 35px rgba(255,255,255,0.05),
    inset 0 0 60px rgba(0,0,0,0.8);

  color: #f1f1f1;
}

/* ----------------------------------------------------------
   DIAGONAL SPOTLIGHT
----------------------------------------------------------- */
.ulse-black::before {
  content: "";
  position: absolute;

  width: 180%;
  height: 180%;
  top: -40%;
  left: -40%;

  /* bright diagonal beam */
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,0.10) 40%,
    rgba(255,255,255,0.25) 50%,
    rgba(255,255,255,0.10) 60%,
    transparent 100%
  );

  filter: blur(1px);
  animation: aepBeam 6s linear infinite;
  pointer-events: none;
}

/* ----------------------------------------------------------
   HEADINGS (silver metallic)
----------------------------------------------------------- */
.ulse-black h2 {
  margin-top: 45px;
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 800;

  background: linear-gradient(90deg, #ffffff, #c8c8c8, #f8f8f8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0 12px rgba(255,255,255,0.4),
    0 0 22px rgba(255,255,255,0.25);
}

/* metallic underline */
.ulse-black h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 3px;

  background: linear-gradient(90deg, #ffffff, #bcbcbc, #7c7c7c);
  box-shadow: 0 0 12px rgba(255,255,255,0.7);

  border-radius: 2px;
  margin-top: 10px;
  transition: width 0.3s ease;
}

.ulse-black h2:hover::after {
  width: 150px;
}

/* ----------------------------------------------------------
   TEXT
----------------------------------------------------------- */
.ulse-black p {
  font-size: 19px;
  line-height: 1.85;
  margin-bottom: 26px;
  color: #e6e6e6;
  text-shadow: 0 0 8px rgba(255,255,255,0.1);
}


/* ==========================================================
   FIX — prevent long emails / long words from escaping
========================================================== */
.ulse-black {
  overflow-wrap: break-word;
  word-break: break-word;
}

.ulse-black p,
.ulse-black a {
  overflow-wrap: anywhere;
}

/* ----------------------------------------------------------
   LINKS
----------------------------------------------------------- */
.ulse-black a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.ulse-black a:hover {
  color: #e8e8e8;
  text-shadow: 0 0 12px rgba(255,255,255,0.6);
}

.ulse-black a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg, #ffffff, #bfbfbf);
  box-shadow: 0 0 10px rgba(255,255,255,0.8);
  transition: width 0.3s ease;
}

.ulse-black a:hover::after {
  width: 100%;
}

/* ----------------------------------------------------------
   IMAGES
----------------------------------------------------------- */
.ulse-black img {
  width: 100%;
  border-radius: 18px;
  margin: 35px 0;

  box-shadow:
    0 0 25px rgba(255,255,255,0.10),
    0 0 65px rgba(0,0,0,0.85);

  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.ulse-black img:hover {
  transform: scale(1.04);
  box-shadow:
    0 0 45px rgba(255,255,255,0.18),
    0 0 90px rgba(0,0,0,0.9);
}

/* ----------------------------------------------------------
   CENTER TEXT
----------------------------------------------------------- */
.ulse-black .center {
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  color: #e4e4e4;
  text-shadow: 0 0 14px rgba(255,255,255,0.3);
}