/* The shared eye is decorative and does not participate in form layout or input handling. */
.form-eye {
  --gaze-x: 0px;
  position: relative;
  display: block;
  width: 132px;
  height: 72px;
  margin-inline: auto;
  pointer-events: none;
  isolation: isolate;
}
.robot-eye__housing {
  position: absolute;
  inset: 4px 2px 6px;
  display: grid;
  place-items: center;
  border: 1px solid #547ca3;
  border-radius: 21px 21px 27px 27px;
  background: linear-gradient(145deg, #294566 0%, #0d1a35 27%, #071126 65%, #1b3552);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.3), inset 0 -5px 9px #050b19, 0 8px 22px rgba(2,8,27,.35), 0 0 0 3px rgba(108,177,220,.09);
  transform: perspective(250px) rotateX(-5deg);
}
.robot-eye__housing::before,
.robot-eye__housing::after {
  content: "";
  position: absolute;
  top: 23px;
  width: 3px;
  height: 12px;
  border-radius: 4px;
  background: #69e1ee;
  box-shadow: 0 0 8px #44cadf;
}
.robot-eye__housing::before { left: 5px; }
.robot-eye__housing::after { right: 5px; }
.robot-eye__brow {
  position: absolute;
  top: 3px;
  width: 56px;
  height: 3px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, transparent, #9fefff, transparent);
  box-shadow: 0 1px 8px #3db8d7;
}
.robot-eye__pair { display: flex; gap: 9px; direction: ltr; }
.robot-eye__socket {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 3px solid #102947;
  border-radius: 50%;
  background: #061123;
  box-shadow: 0 0 0 1px #6d9fc0, inset 0 2px 6px #020817, 0 0 10px rgba(55,200,225,.25);
}
.robot-eye__ball {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: radial-gradient(circle at 33% 29%, #fff 0 26%, #f4faff 39%, #b6cfe4 73%, #6683a1 100%);
  box-shadow: inset -4px -5px 7px rgba(29,58,87,.24), inset 2px 2px 3px #fff;
  transform-origin: center;
}
.robot-eye__pupil {
  position: relative;
  width: 21px;
  height: 23px;
  border-radius: 50%;
  background: radial-gradient(circle at 36% 30%, #25384c 0 10%, #050c16 34%, #01050b 80%);
  box-shadow: inset -2px -2px 3px #01040a, 0 0 0 2px rgba(78,134,173,.27);
  transform: translate3d(var(--gaze-x), 0, 0);
  will-change: transform;
}
.robot-eye__pupil::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 8px 12px 0 -2px rgba(255,255,255,.74);
}
.robot-eye__chin {
  position: absolute;
  bottom: 3px;
  width: 32px;
  height: 2px;
  border-radius: 3px;
  background: #4cc8dc;
  box-shadow: 0 0 9px rgba(82,228,243,.8);
}
.form-eye.is-attentive .robot-eye__housing { border-color: #7ddbec; box-shadow: inset 0 2px 2px rgba(255,255,255,.3), inset 0 -5px 9px #050b19, 0 8px 22px rgba(2,8,27,.35), 0 0 18px rgba(77,206,233,.36); }
.form-eye.is-blinking .robot-eye__ball { animation: robot-blink .24s ease-in-out; }
.form-eye.is-eye-closed .robot-eye__ball { transform: scaleY(.1); background: #8bb4c9; }
.form-eye.is-eye-closed .robot-eye__pupil { opacity: 0; }
@keyframes robot-blink { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.08); } }
.auth-card .form-eye { position: relative; inset: auto; margin: 0 auto .25rem; }
.auth-card > h2 { padding-inline-end: 0; }
.consult-form .form-eye { width: 132px; height: 72px; margin: 0 auto .35rem; }
@media (max-width: 480px) {
  .form-eye { width: 112px; height: 64px; }
  .robot-eye__housing { transform: scale(.86); transform-origin: top center; inset-inline: -8px; }
  .auth-card > h2 { padding-inline-end: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .form-eye.is-blinking .robot-eye__ball { animation: none; }
  .robot-eye__pupil { will-change: auto; }
}