:root{
  --bg: #fbfbfc;         /* not pure white */
  --text: #1b1c1f;       /* not pure black */
  --muted: #646a76;
  --haloA: rgba(80, 120, 255, 0.22);
  --haloB: rgba(160, 90, 255, 0.18);
}

html,body{
  height:100%;
  margin:0;
}

body{
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
}

.wrap{
  width:min(720px, 92vw);
  text-align:center;
  padding: 56px 18px;
}

/* "Signature without branding": a single mark */
.eye{
  width: 86px;
  height: 86px;
  border-radius: 999px;
  margin: 0 auto 26px auto;
  position: relative;
  background:
    radial-gradient(circle at 38% 38%, rgba(255,255,255,0.85) 0 10%, rgba(255,255,255,0) 11% 100%),
    radial-gradient(circle at 50% 50%, #101219 0 32%, rgba(20,25,40,0.95) 33% 40%, rgba(40,60,190,0.85) 41% 62%, rgba(140,70,220,0.75) 63% 78%, rgba(0,0,0,0) 79% 100%);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.06) inset,
    0 10px 30px rgba(0,0,0,0.06);
}

/* halo layer */
.eye::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 38%, var(--haloA) 56%, rgba(0,0,0,0) 72%),
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 42%, var(--haloB) 64%, rgba(0,0,0,0) 78%);
  filter: blur(0.2px);
  opacity: 0.60;
  transform: scale(1);
  animation: breathe 9.5s ease-in-out infinite;
}

/* breathing is felt, not seen */
@keyframes breathe{
  0%   { opacity: 0.56; transform: scale(0.995); }
  50%  { opacity: 0.68; transform: scale(1.015); }
  100% { opacity: 0.56; transform: scale(0.995); }
}

h1{
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
  letter-spacing: 0.01em;
}

.sub{
  margin: 0 auto;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--muted);
}

.en{
  direction:ltr;
}
.he{
  direction:rtl;
  unicode-bidi: plaintext;
  margin-top: 10px;
}

/* optional tiny "presence dot" — very subtle */
.dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin: 18px auto 0 auto;
  background: rgba(0,0,0,0.12);
}