/* ATREYA_AUTH_R9_APPROVED_HOME_STYLE_DARK
   DARK theme: exact approved home-page visual language using the approved 1672x941 reference.
   LIGHT theme: intentionally untouched here; the bundled solved R8R2 light baseline handles it.
*/

body.atreya-auth-r9-active {
  margin: 0 !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  background: #020b1c !important;
}
body.atreya-auth-r9-active #app {
  min-height: 100dvh !important;
  background: #020b1c !important;
}
body.atreya-auth-r9-active .atreya-common-theme-toggle {
  opacity: 0 !important;
  pointer-events: none !important;
}

.atreya-auth-r9-root,
.atreya-auth-r9-root * { box-sizing: border-box; }
.atreya-auth-r9-root {
  width: 100%;
  min-height: 100dvh;
  position: relative;
  overflow-x: hidden;
  background: #020b1c;
  color: #fff7e4;
}

.atreya-auth-r9-viewport {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #020b1c;
}
.atreya-auth-r9-stage {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1672px;
  height: 941px;
  transform-origin: top center;
  background: #020b1c url('/assets/atreya-auth-r9-approved-dark.png?v=auth-r9') center top / 1672px 941px no-repeat;
  overflow: hidden;
}

/* Transparent functional hit areas over the approved static navigation. */
.atreya-auth-r9-hit {
  position: absolute;
  z-index: 30;
  display: block;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  outline: none;
  font-size: 0;
}
.atreya-auth-r9-hit:focus-visible {
  outline: 2px solid #f7c856 !important;
  outline-offset: 2px;
  border-radius: 8px;
}
.atreya-auth-r9-hit.logo { left: 126px; top: 7px; width: 225px; height: 73px; }
.atreya-auth-r9-hit.home { left: 476px; top: 20px; width: 58px; height: 52px; }
.atreya-auth-r9-hit.features { left: 548px; top: 20px; width: 78px; height: 52px; }
.atreya-auth-r9-hit.how { left: 639px; top: 20px; width: 106px; height: 52px; }
.atreya-auth-r9-hit.guruji { left: 757px; top: 20px; width: 72px; height: 52px; }
.atreya-auth-r9-hit.testimonials { left: 834px; top: 20px; width: 112px; height: 52px; }
.atreya-auth-r9-hit.pricing { left: 949px; top: 20px; width: 74px; height: 52px; }
.atreya-auth-r9-hit.blog { left: 1027px; top: 20px; width: 66px; height: 52px; }
.atreya-auth-r9-hit.login { left: 1187px; top: 18px; width: 92px; height: 50px; }
.atreya-auth-r9-hit.register { left: 1294px; top: 18px; width: 142px; height: 50px; }
.atreya-auth-r9-hit.theme {
  left: 1490px;
  top: 839px;
  width: 137px;
  height: 55px;
  z-index: 60;
  cursor: pointer;
}

/* LOGIN: the approved card, labels, headings and buttons remain visually sourced by the approved reference.
   Only the actual interactive controls are rendered over the exact coordinates. */
.atreya-auth-r9-login-form {
  position: absolute !important;
  inset: 0 !important;
  z-index: 45 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
}
.atreya-auth-r9-login-form .r9-live-control {
  position: absolute;
  height: 54px;
  pointer-events: auto;
}
.atreya-auth-r9-login-form .r9-live-control.email { left: 1133px; top: 339px; width: 394px; }
.atreya-auth-r9-login-form .r9-live-control.password { left: 1133px; top: 435px; width: 394px; }
.atreya-auth-r9-login-form .r9-live-control input {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 48px 0 52px !important;
  border: 1px solid #3a4960 !important;
  border-radius: 13px !important;
  outline: none !important;
  background: #17243a !important;
  color: #e8edf7 !important;
  font: 400 15px/1 Arial, Helvetica, sans-serif !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.015) !important;
}
.atreya-auth-r9-login-form .r9-live-control input::placeholder {
  color: #91a0b6 !important;
  opacity: 1 !important;
}
.atreya-auth-r9-login-form .r9-live-control input:focus {
  border-color: #e8b84f !important;
  box-shadow: 0 0 0 3px rgba(232,184,79,.13), 0 0 24px rgba(232,184,79,.07) !important;
}
.atreya-auth-r9-login-form .r9-field-icon {
  position: absolute;
  z-index: 3;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  color: #f3bb32;
  pointer-events: none;
}
.atreya-auth-r9-login-form .r9-field-icon svg,
.atreya-auth-r9-login-form .r9-eye svg {
  width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.atreya-auth-r9-login-form .r9-eye {
  position: absolute;
  z-index: 4;
  right: 12px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  padding: 5px;
  border: 0;
  background: transparent;
  color: #f3bb32;
  cursor: pointer;
}
.atreya-auth-r9-login-form .r9-remember-hit {
  position: absolute;
  left: 1132px;
  top: 508px;
  width: 190px;
  height: 38px;
  pointer-events: auto;
  cursor: pointer;
}
.atreya-auth-r9-login-form .r9-remember-hit input {
  position: absolute;
  left: 1px;
  top: 8px;
  appearance: none;
  width: 21px;
  height: 21px;
  margin: 0;
  border: 1.4px solid #d89b27;
  border-radius: 4px;
  background: #0b1729;
  display: grid;
  place-items: center;
}
.atreya-auth-r9-login-form .r9-remember-hit input:checked::after {
  content: '✓';
  color: #ffc94a;
  font-size: 14px;
  font-weight: 900;
}
.atreya-auth-r9-login-form .r9-remember-hit span {
  position: absolute;
  width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);
}
.atreya-auth-r9-forgot {
  position: absolute;
  left: 1394px;
  top: 508px;
  width: 136px;
  height: 38px;
  z-index: 50;
  color: transparent !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 0;
}
.atreya-auth-r9-forgot:focus-visible,
.atreya-auth-r9-submit-hit:focus-visible,
.atreya-auth-r9-create-hit:focus-visible {
  outline: 2px solid #f7c856;
  outline-offset: 2px;
  border-radius: 12px;
}
.atreya-auth-r9-submit-hit {
  position: absolute !important;
  left: 1133px !important;
  top: 566px !important;
  width: 394px !important;
  height: 59px !important;
  min-height: 59px !important;
  z-index: 50 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: transparent !important;
  box-shadow: none !important;
  opacity: .01 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.atreya-auth-r9-create-hit {
  position: absolute;
  left: 1133px;
  top: 675px;
  width: 394px;
  height: 55px;
  z-index: 50;
  color: transparent !important;
  background: transparent !important;
  font-size: 0;
  text-decoration: none !important;
}

/* REGISTER: same approved dark home-page construction, with one real live card covering the static login card. */
.atreya-auth-r9-register-card {
  position: absolute;
  z-index: 45;
  left: 1093px;
  top: 126px;
  width: 472px;
  height: 660px;
  padding: 34px 38px 28px;
  border: 1px solid rgba(242,191,79,.74);
  border-radius: 30px;
  background:
    radial-gradient(circle at 20% 3%, rgba(57,91,145,.15), transparent 26%),
    linear-gradient(145deg, rgba(7,20,45,.985), rgba(4,16,38,.995));
  box-shadow: 0 0 32px rgba(255,190,58,.16), 0 26px 70px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.02);
  color: #f9f1df;
  overflow: hidden;
}
.atreya-auth-r9-register-card .r9-pill {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(221,167,56,.42);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #ffd36c;
  font: 800 10.5px/1 Arial, Helvetica, sans-serif;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.atreya-auth-r9-register-card h1 {
  margin: 13px 0 8px;
  color: #fff5dd !important;
  font: 700 42px/.98 Georgia, 'Times New Roman', serif !important;
  letter-spacing: -1.5px !important;
}
.atreya-auth-r9-register-card .r9-sub {
  margin: 0 0 15px;
  color: #b9c1cf;
  font: 400 13px/1.42 Arial, Helvetica, sans-serif;
}
.atreya-auth-r9-register-live,
.atreya-auth-r9-register-live form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.atreya-auth-r9-register-live form > :where(h1,h2,h3,p) { display: none !important; }
.atreya-auth-r9-register-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 12px;
}
.atreya-auth-r9-register-field { min-width: 0; }
.atreya-auth-r9-register-field.span-2 { grid-column: 1 / -1; }
.atreya-auth-r9-register-field > label {
  display: block;
  margin: 0 0 5px !important;
  color: #f4ead7 !important;
  font: 700 11.5px/1.15 Arial, Helvetica, sans-serif !important;
}
.atreya-auth-r9-register-control { height: 46px; position: relative; }
.atreya-auth-r9-register-control .r9-field-icon {
  position: absolute; left: 13px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); z-index: 2; color: #f3bb32; pointer-events: none;
}
.atreya-auth-r9-register-control .r9-field-icon svg,
.atreya-auth-r9-register-control .r9-eye svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.atreya-auth-r9-register-control input,
.atreya-auth-r9-register-control select,
.atreya-auth-r9-register-control textarea {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 38px 0 40px !important;
  border: 1px solid #36455b !important;
  border-radius: 12px !important;
  outline: none !important;
  background: #17243a !important;
  color: #eef2f8 !important;
  font: 400 13px/1 Arial, Helvetica, sans-serif !important;
  box-shadow: none !important;
}
.atreya-auth-r9-register-control select { padding-right: 10px !important; }
.atreya-auth-r9-register-control input::placeholder { color:#8f9db1 !important; opacity:1 !important; }
.atreya-auth-r9-register-control input:focus,
.atreya-auth-r9-register-control select:focus { border-color:#e7b447 !important; box-shadow:0 0 0 3px rgba(231,180,71,.11) !important; }
.atreya-auth-r9-register-control .r9-eye {
  position:absolute; right:9px; top:50%; width:27px; height:27px; transform:translateY(-50%); border:0; background:transparent; color:#f3bb32; padding:5px; cursor:pointer;
}
.atreya-auth-r9-register-submit {
  width:100% !important; height:50px !important; min-height:50px !important; margin:13px 0 0 !important;
  border:1px solid #e7a82b !important; border-radius:13px !important;
  background:linear-gradient(95deg,#ffdc7e,#f0aa21) !important; color:#191004 !important;
  font:800 15px/1 Arial, Helvetica, sans-serif !important; box-shadow:0 10px 25px rgba(236,166,31,.16) !important; cursor:pointer;
}
.atreya-auth-r9-register-account {
  margin-top: 13px;
  text-align: center;
  color: #b8c0cd;
  font-size: 12px;
}
.atreya-auth-r9-register-account a { color:#ffc13b !important; font-weight:800; text-decoration:none !important; }

.atreya-auth-r9-hidden { display: none !important; }
.atreya-auth-r9-mobile { display: none; }

/* Small screen fallback: functional and themed, while desktop/tablet preserve the approved reference geometry. */
@media (max-width: 1099px) {
  .atreya-auth-r9-viewport { display: none; }
  .atreya-auth-r9-mobile {
    display: block;
    min-height: 100dvh;
    padding: 26px 18px 34px;
    background:
      radial-gradient(circle at 30% 12%, rgba(224,157,31,.18), transparent 26%),
      radial-gradient(circle at 92% 8%, rgba(53,105,193,.18), transparent 24%),
      linear-gradient(160deg,#031027,#020a19 72%);
  }
  .atreya-auth-r9-mobile-shell {
    width: min(560px,100%);
    margin: 0 auto;
    padding: 28px 22px;
    border: 1px solid rgba(227,176,65,.32);
    border-radius: 26px;
    background: rgba(7,20,45,.92);
    box-shadow: 0 22px 60px rgba(0,0,0,.38);
  }
  .atreya-auth-r9-mobile-brand { margin-bottom:24px; color:#ffe6a2; font:700 34px/1 Georgia,serif; }
  .atreya-auth-r9-mobile-brand small { display:block; margin-top:5px; color:#b9c0cc; font:400 13px/1.2 Arial,sans-serif; }
  .atreya-auth-r9-mobile h1 { color:#fff6df; font:700 42px/1 Georgia,serif; margin:0 0 10px; }
  .atreya-auth-r9-mobile p { color:#aeb8c9; line-height:1.6; }
  .atreya-auth-r9-mobile .r9-mobile-live { margin-top:22px; }
  .atreya-auth-r9-mobile form { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }
  .atreya-auth-r9-mobile input,
  .atreya-auth-r9-mobile select { width:100%!important; min-height:52px!important; margin:0 0 13px!important; border-radius:13px!important; border:1px solid #35455d!important; background:#17243a!important; color:#eef2f8!important; padding:0 16px!important; }
  .atreya-auth-r9-mobile button[type="submit"] { width:100%!important; min-height:52px!important; border:0!important; border-radius:13px!important; background:linear-gradient(95deg,#ffdc7e,#f0aa21)!important; color:#191004!important; font-weight:800!important; }
  body.atreya-auth-r9-active .atreya-common-theme-toggle { opacity:1!important; pointer-events:auto!important; }
}