/* ewebookz sign-in — living knowledge HUD layer */
body.signin-enhanced {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 10% 10%,rgba(77,143,252,.13),transparent 34%),
    radial-gradient(circle at 88% 90%,rgba(155,110,243,.12),transparent 38%),
    #070a12 !important;
}

body.signin-enhanced::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(77,143,252,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,143,252,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(ellipse 115% 92% at 48% 35%,#000 20%,transparent 93%);
  animation:signinGridDrift 20s linear infinite;
}

body.signin-enhanced::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 17%,rgba(255,255,255,.68) 0 1px,transparent 1.5px),
    radial-gradient(circle at 30% 74%,rgba(137,215,255,.62) 0 1px,transparent 1.5px),
    radial-gradient(circle at 61% 13%,rgba(255,255,255,.42) 0 1px,transparent 1.4px),
    radial-gradient(circle at 87% 67%,rgba(200,181,255,.58) 0 1px,transparent 1.5px);
  background-size:211px 197px,283px 251px,347px 307px,401px 379px;
  opacity:.42;
  animation:signinStarDrift 38s linear infinite;
}

@keyframes signinGridDrift { to { background-position:36px 36px; } }
@keyframes signinStarDrift { to { background-position:52px 82px,-68px 114px,80px -70px,-104px -82px; } }

.signin-enhanced .ebz-body-particles { z-index:1;opacity:.52; }
.signin-enhanced .si-shell { z-index:2; }

.signin-enhanced .si-orb { animation:signinOrb 18s ease-in-out infinite alternate; }
.signin-enhanced .si-orb-a { background:#4d8ffc;opacity:.1; }
.signin-enhanced .si-orb-b { background:#9b6ef3;opacity:.09;animation-delay:-8s; }
.signin-enhanced .si-orb-c { background:#f0b860;opacity:.045;animation-delay:-13s; }
@keyframes signinOrb { to { transform:translate(24px,-18px) scale(1.08); } }

.signin-enhanced .si-left {
  background:linear-gradient(155deg,rgba(15,25,49,.8),rgba(7,12,27,.62));
  border-right-color:rgba(126,158,207,.17);
  box-shadow:22px 0 75px rgba(0,0,0,.25),inset -1px 0 rgba(137,215,255,.035);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}

.signin-enhanced .si-left::before {
  background:
    radial-gradient(ellipse at 18% 14%,rgba(77,143,252,.2),transparent 52%),
    radial-gradient(ellipse at 82% 86%,rgba(240,184,96,.085),transparent 48%);
}

.signin-enhanced .si-left::after {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-210px;
  top:22%;
  border:1px solid rgba(137,215,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(155,110,243,.025),0 0 0 140px rgba(77,143,252,.018);
  animation:signinOrbit 24s linear infinite;
  pointer-events:none;
}
@keyframes signinOrbit { to { transform:rotate(360deg); } }

.signin-enhanced .si-brand img,
.signin-enhanced .si-card-logo img {
  box-shadow:0 0 0 1px rgba(137,215,255,.2),0 0 26px rgba(77,143,252,.26);
}

.signin-enhanced .si-brand-tag {
  background:linear-gradient(135deg,#4d8ffc,#9b6ef3);
  box-shadow:0 5px 18px rgba(77,143,252,.22);
}

.signin-enhanced .si-live-pill {
  box-shadow:0 0 28px rgba(34,211,161,.055),inset 0 1px rgba(255,255,255,.035);
}

.signin-enhanced .si-headline-grad {
  background:linear-gradient(120deg,#8fdfff,#c8b5ff 52%,#ffd587);
  background-size:180% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:signinHeadline 8s ease-in-out infinite alternate;
}
@keyframes signinHeadline { to { background-position:100% center; } }

.signin-enhanced .si-feat {
  background:linear-gradient(145deg,rgba(18,29,54,.62),rgba(8,14,29,.5));
  border-color:rgba(126,158,207,.14);
  box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .24s,border-color .24s,box-shadow .24s;
}

.signin-enhanced .si-feat:hover {
  transform:translateY(-3px);
  border-color:rgba(77,143,252,.32);
  box-shadow:0 18px 42px rgba(0,0,0,.23),0 0 24px rgba(77,143,252,.055);
}

.signin-enhanced .si-streak {
  background:linear-gradient(120deg,rgba(155,110,243,.105),rgba(77,143,252,.055));
  border-color:rgba(155,110,243,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}

.signin-enhanced .si-right {
  position:relative;
  background:radial-gradient(circle at 50% 45%,rgba(77,143,252,.055),transparent 46%);
}

.signin-enhanced .si-card {
  max-width:420px;
  background:linear-gradient(150deg,rgba(18,28,53,.8),rgba(7,13,28,.77));
  border-color:rgba(139,172,222,.21);
  box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 52px rgba(77,143,252,.055),inset 0 1px rgba(255,255,255,.05);
  overflow:hidden;
  animation:signinCardIn .7s cubic-bezier(.18,.78,.2,1) both;
}

.signin-enhanced .si-card::before {
  left:10%;
  right:10%;
  background:linear-gradient(90deg,transparent,rgba(77,143,252,.8),rgba(155,110,243,.72),rgba(240,184,96,.4),transparent);
  box-shadow:0 0 20px rgba(77,143,252,.3);
}

.signin-enhanced .si-card::after {
  content:"";
  position:absolute;
  right:12px;
  bottom:12px;
  width:24px;
  height:24px;
  border-right:1px solid rgba(137,215,255,.36);
  border-bottom:1px solid rgba(137,215,255,.36);
  pointer-events:none;
}

@keyframes signinCardIn {
  from { opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px); }
  to { opacity:1;transform:none;filter:none; }
}

.signin-enhanced .si-card-title {
  background:linear-gradient(120deg,#fff,#c8b5ff 58%,#8fdfff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.signin-enhanced .si-card .form-control {
  background:rgba(6,12,27,.7) !important;
  border-color:rgba(139,172,222,.21) !important;
}

.signin-enhanced .si-card .form-control:focus {
  border-color:#9b6ef3 !important;
  box-shadow:0 0 0 3px rgba(155,110,243,.14),0 0 26px rgba(77,143,252,.08) !important;
}

.signin-enhanced .si-card .btn-theme {
  position:relative;
  overflow:hidden;
  background:linear-gradient(115deg,#4d8ffc,#9b6ef3,#4d8ffc) !important;
  background-size:220% auto !important;
  box-shadow:0 10px 30px rgba(77,143,252,.22) !important;
  animation:signinButtonGlow 7s ease-in-out infinite alternate;
}
@keyframes signinButtonGlow { to { background-position:100% center;box-shadow:0 12px 34px rgba(155,110,243,.3); } }

.signin-enhanced .si-card-checklist {
  border-top-color:rgba(139,172,222,.12);
  background:rgba(77,143,252,.025);
  border-radius:12px;
  padding:16px 14px 8px;
  margin-top:22px;
}

@media(max-width:900px) {
  .signin-enhanced .ebz-body-particles { opacity:.3; }
  .signin-enhanced .si-right { min-height:100dvh; }
  .signin-enhanced .si-card { max-width:430px; }
}

@media(max-width:480px) {
  .signin-enhanced .si-card { padding:28px 21px 24px; }
  .signin-enhanced .ebz-body-particles .equation:nth-child(even) { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  body.signin-enhanced::before,
  body.signin-enhanced::after,
  .signin-enhanced .si-orb,
  .signin-enhanced .si-left::after,
  .signin-enhanced .si-headline-grad,
  .signin-enhanced .si-card,
  .signin-enhanced .si-card .btn-theme { animation:none!important; }
}