/* ATREYA_AUTH_R10_SINGLE_DOM_THEME_SKIN
   ONE structural source of truth for both themes.
   Geometry = exact solved Light R8R2 1808x870 construction.
   Dark mode changes visual skin only; no second DOM, no second stage, no alternate coordinates.
*/

:root {
  --ar10-page: #fffaf1;
  --ar10-card-a: rgba(255,255,252,.995);
  --ar10-card-b: rgba(255,249,237,.995);
  --ar10-card-text: #251307;
  --ar10-card-title: #241204;
  --ar10-sub: #665647;
  --ar10-pill-bg: #fff9e9;
  --ar10-pill-border: #e3c68e;
  --ar10-pill-text: #8b5509;
  --ar10-field-bg: rgba(255,255,255,.96);
  --ar10-field-border: #e3cda7;
  --ar10-field-text: #2a1a0d;
  --ar10-placeholder: #938271;
  --ar10-label: #251608;
  --ar10-icon: #a7640a;
  --ar10-link: #a76006;
  --ar10-muted: #685747;
  --ar10-divider: #e6d8c1;
  --ar10-secondary-bg: rgba(255,255,255,.55);
  --ar10-secondary-border: #dfa74d;
  --ar10-secondary-text: #a26008;
  --ar10-shadow: 0 24px 58px rgba(113,69,11,.11);
  --ar10-erase-card: linear-gradient(180deg,#fffdf8 0%,#fffaf1 72%,#fff9ef 100%);
  --ar10-erase-theme: linear-gradient(180deg,#fffaf1 0%,#fff9ee 100%);
}

html[data-theme="dark"] {
  --ar10-page: #020b1d;
  --ar10-card-a: rgba(6,20,45,.992);
  --ar10-card-b: rgba(3,14,33,.994);
  --ar10-card-text: #f7edda;
  --ar10-card-title: #fff5dd;
  --ar10-sub: #b9c3d2;
  --ar10-pill-bg: rgba(255,190,53,.055);
  --ar10-pill-border: rgba(231,179,69,.42);
  --ar10-pill-text: #ffd36c;
  --ar10-field-bg: #14243c;
  --ar10-field-border: #344861;
  --ar10-field-text: #eef3fb;
  --ar10-placeholder: #93a1b5;
  --ar10-label: #f5ead6;
  --ar10-icon: #ffc13a;
  --ar10-link: #ffc13a;
  --ar10-muted: #b6bfcc;
  --ar10-divider: rgba(226,177,73,.24);
  --ar10-secondary-bg: rgba(6,18,40,.52);
  --ar10-secondary-border: rgba(230,174,58,.72);
  --ar10-secondary-text: #ffc452;
  --ar10-shadow: 0 0 28px rgba(255,184,45,.15), 0 26px 68px rgba(0,0,0,.35);
  --ar10-erase-card: linear-gradient(180deg,#06152f 0%,#041128 72%,#030e22 100%);
  --ar10-erase-theme: linear-gradient(180deg,#020b1d 0%,#020a1a 100%);
}

body.atreya-auth-r10-active {
  margin: 0 !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  background: var(--ar10-page) !important;
  color: var(--ar10-card-text) !important;
}
body.atreya-auth-r10-active #app { min-height:100dvh !important; background:transparent !important; }

.atreya-auth-r10-root,
.atreya-auth-r10-root * { box-sizing:border-box; }
.atreya-auth-r10-root { width:100%; min-height:100dvh; position:relative; overflow:hidden; background:var(--ar10-page); }
.atreya-auth-r10-viewport { width:100%; min-height:870px; position:relative; overflow:hidden; background:var(--ar10-page); }
.atreya-auth-r10-stage {
  width:1808px; height:870px; position:absolute; left:50%; top:0;
  transform-origin:top center;
  background:var(--ar10-page) url('/assets/atreya-auth-r10-light-master.png?v=auth-r10') center top / 1808px 870px no-repeat;
  font-family:Arial,Helvetica,sans-serif;
}
html[data-theme="dark"] .atreya-auth-r10-stage {
  background-image:url('/assets/atreya-auth-r10-dark-master.png?v=auth-r10');
}

/* One coordinate map for BOTH themes. */
.atreya-auth-r10-hit { position:absolute; z-index:30; display:block; background:transparent; border:0; text-decoration:none; cursor:pointer; color:transparent!important; font-size:0; outline-offset:2px; }
.atreya-auth-r10-hit:focus-visible { outline:2px solid rgba(238,179,54,.72); border-radius:12px; }
.atreya-auth-r10-hit.logo { left:202px; top:7px; width:220px; height:68px; }
.atreya-auth-r10-hit.home { left:505px; top:16px; width:62px; height:52px; }
.atreya-auth-r10-hit.features { left:578px; top:16px; width:86px; height:52px; }
.atreya-auth-r10-hit.how { left:668px; top:16px; width:111px; height:52px; }
.atreya-auth-r10-hit.guruji { left:792px; top:16px; width:69px; height:52px; }
.atreya-auth-r10-hit.testimonials { left:870px; top:16px; width:112px; height:52px; }
.atreya-auth-r10-hit.pricing { left:982px; top:16px; width:72px; height:52px; }
.atreya-auth-r10-hit.blog { left:1054px; top:16px; width:64px; height:52px; }
.atreya-auth-r10-hit.login { left:1242px; top:18px; width:90px; height:48px; }
.atreya-auth-r10-hit.register { left:1337px; top:18px; width:160px; height:48px; }

/* Same eraser geometry in both themes. */
.atreya-auth-r10-static-card-erase { position:absolute; z-index:18; left:1148px; top:100px; width:526px; height:664px; border:0; pointer-events:none; background:var(--ar10-erase-card); box-shadow:none; }
.atreya-auth-r10-static-theme-erase { position:absolute; z-index:18; left:1588px; top:752px; width:214px; height:92px; border:0; pointer-events:none; background:var(--ar10-erase-theme); box-shadow:none; }

/* SAME card dimensions/coordinates in Light and Dark. */
.atreya-auth-r10-card {
  position:absolute; z-index:20; left:1164px; top:118px; width:490px; height:629px;
  padding:34px 38px 27px; overflow:hidden;
  border:1px solid var(--ar10-pill-border); border-radius:28px;
  background:radial-gradient(circle at 12% 6%,rgba(255,214,125,.08),transparent 25%),linear-gradient(145deg,var(--ar10-card-a),var(--ar10-card-b));
  box-shadow:var(--ar10-shadow); color:var(--ar10-card-text);
}
html[data-theme="dark"] .atreya-auth-r10-card { border-color:rgba(236,183,71,.62); box-shadow:0 0 28px rgba(255,185,47,.18),0 26px 68px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.015); }
.atreya-auth-r10-card-head { margin:0 0 18px; }
.atreya-auth-r10-pill { display:inline-flex; height:34px; align-items:center; padding:0 14px; border:1px solid var(--ar10-pill-border); border-radius:999px; background:var(--ar10-pill-bg); color:var(--ar10-pill-text); font:800 10.5px/1 Arial,Helvetica,sans-serif; letter-spacing:1.45px; text-transform:uppercase; }
.atreya-auth-r10-card h1 { margin:14px 0 10px; color:var(--ar10-card-title)!important; font-family:Georgia,"Times New Roman",serif!important; font-size:49px!important; line-height:.98!important; font-weight:700!important; letter-spacing:-2.1px!important; }
.atreya-auth-r10-card .sub { margin:0; color:var(--ar10-sub)!important; font:400 15px/1.42 Arial,Helvetica,sans-serif; }
.atreya-auth-r10-live,.atreya-auth-r10-live form { margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.atreya-auth-r10-live form > :where(h1,h2,h3,p) { display:none!important; }
.atreya-auth-r10-hidden { display:none!important; }

.atreya-auth-r10-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; margin-top:18px; }
.atreya-auth-r10-field { min-width:0; margin:0!important; }
.atreya-auth-r10-field.span-2 { grid-column:1/-1; }
.atreya-auth-r10-field > label { display:block; margin:0 0 7px!important; color:var(--ar10-label)!important; font:700 13px/1.15 Arial,Helvetica,sans-serif!important; }
.atreya-auth-r10-control { min-width:0; height:52px; position:relative; }
.atreya-auth-r10-control .field-icon { position:absolute; left:15px; top:50%; z-index:2; width:19px; height:19px; transform:translateY(-50%); color:var(--ar10-icon); pointer-events:none; }
.atreya-auth-r10-control .field-icon svg,.atreya-auth-r10-password-eye svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.atreya-auth-r10-control input,.atreya-auth-r10-control select,.atreya-auth-r10-control textarea { width:100%!important; height:52px!important; min-height:52px!important; margin:0!important; padding:0 42px 0 48px!important; border:1px solid var(--ar10-field-border)!important; border-radius:13px!important; background:var(--ar10-field-bg)!important; color:var(--ar10-field-text)!important; font:400 14px/1 Arial,Helvetica,sans-serif!important; outline:none!important; box-shadow:none!important; }
.atreya-auth-r10-control select { appearance:auto; padding-right:16px!important; }
.atreya-auth-r10-control input::placeholder,.atreya-auth-r10-control textarea::placeholder { color:var(--ar10-placeholder)!important; opacity:1!important; }
.atreya-auth-r10-control input:focus,.atreya-auth-r10-control select:focus,.atreya-auth-r10-control textarea:focus { border-color:#d69a37!important; box-shadow:0 0 0 3px rgba(214,154,55,.11)!important; }
.atreya-auth-r10-password-eye { width:27px;height:27px;position:absolute;z-index:3;right:12px;top:50%;transform:translateY(-50%);padding:4px;border:0;background:transparent;color:var(--ar10-icon);cursor:pointer; }

.atreya-auth-r10-root.is-login .atreya-auth-r10-fields { grid-template-columns:1fr; gap:15px; }
.atreya-auth-r10-root.is-login .atreya-auth-r10-card-head { margin-bottom:14px; }
.atreya-auth-r10-root.is-login .atreya-auth-r10-field { grid-column:1/-1; }
.atreya-auth-r10-login-tools { height:40px; margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--ar10-muted); font-size:13px; }
.atreya-auth-r10-remember { display:inline-flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap; }
.atreya-auth-r10-remember input { appearance:none;width:20px;height:20px;margin:0;border:1.5px solid #c98b22;border-radius:4px;background:var(--ar10-field-bg);display:grid;place-items:center; }
.atreya-auth-r10-remember input:checked::after { content:"✓";color:var(--ar10-icon);font-size:14px;font-weight:800; }
.atreya-auth-r10-login-tools a,.atreya-auth-r10-account-line a { color:var(--ar10-link)!important;text-decoration:none!important;font-weight:700; }
.atreya-auth-r10-submit-wrap { position:relative;margin-top:8px; }
.atreya-auth-r10-submit-wrap button[type="submit"],.atreya-auth-r10-submit-wrap input[type="submit"] { width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;border:1px solid #df9c29!important;border-radius:13px!important;background:linear-gradient(96deg,#ffe08c 0%,#f1a91f 100%)!important;color:#1f1204!important;font:800 17px/1 Arial,Helvetica,sans-serif!important;box-shadow:0 10px 22px rgba(204,130,18,.19)!important;cursor:pointer; }
.atreya-auth-r10-submit-icon { position:absolute;left:118px;top:50%;transform:translateY(-50%);z-index:2;color:#271603;font-size:22px;line-height:1;pointer-events:none; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-submit-icon { display:none; }
.atreya-auth-r10-divider { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:19px 0 14px;color:var(--ar10-muted);font-size:12px; }
.atreya-auth-r10-divider::before,.atreya-auth-r10-divider::after { content:"";height:1px;background:var(--ar10-divider); }
.atreya-auth-r10-secondary { width:100%;height:52px;border:1px solid var(--ar10-secondary-border);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ar10-secondary-bg);color:var(--ar10-secondary-text)!important;text-decoration:none!important;font-weight:800;font-size:14px; }
.atreya-auth-r10-security { margin-top:18px;text-align:center;color:var(--ar10-muted);font-size:11px; }
.atreya-auth-r10-account-line { margin-top:14px;text-align:center;color:var(--ar10-muted);font-size:12.5px; }

.atreya-auth-r10-root.is-register .atreya-auth-r10-static-card-erase { top:94px;height:716px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-card { height:690px;top:105px;padding-top:28px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-card h1 { font-size:42px!important;margin-top:10px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-card .sub { font-size:13px;line-height:1.35; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-fields { margin-top:14px;gap:10px 12px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-control { height:47px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-control input,.atreya-auth-r10-root.is-register .atreya-auth-r10-control select { height:47px!important;min-height:47px!important; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-field > label { margin-bottom:5px!important;font-size:11.5px!important; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-submit-wrap { margin-top:12px; }
.atreya-auth-r10-root.is-register .atreya-auth-r10-submit-wrap button[type="submit"],.atreya-auth-r10-root.is-register .atreya-auth-r10-submit-wrap input[type="submit"] { height:50px!important;min-height:50px!important;font-size:15px!important; }

/* SAME floating switch geometry; skin changes only. */
body.atreya-auth-r10-active .atreya-common-theme-toggle { position:fixed!important;right:28px!important;bottom:28px!important;z-index:9999!important;min-width:143px!important;height:54px!important;padding:6px 18px 6px 8px!important;border-radius:999px!important; }
html[data-theme="light"] body.atreya-auth-r10-active .atreya-common-theme-toggle { border:1px solid #e6d6bb!important;background:rgba(255,253,247,.96)!important;box-shadow:0 12px 28px rgba(101,62,10,.11)!important;color:#6c4515!important; }
html[data-theme="light"] body.atreya-auth-r10-active .atreya-common-theme-toggle .atreya-theme-icon { width:40px!important;height:40px!important;border-radius:50%!important;background:#062d63!important;color:#ffe78f!important; }
html[data-theme="dark"] body.atreya-auth-r10-active .atreya-common-theme-toggle { border:1px solid rgba(226,171,57,.52)!important;background:rgba(3,14,33,.96)!important;box-shadow:0 12px 30px rgba(0,0,0,.32)!important;color:#ffdb79!important; }
html[data-theme="dark"] body.atreya-auth-r10-active .atreya-common-theme-toggle .atreya-theme-icon { width:40px!important;height:40px!important;border-radius:50%!important;background:#f4ae25!important;color:#061329!important; }

@media (min-width:1180px) { .atreya-auth-r10-mobile { display:none!important; } }
@media (max-width:1179px) {
  .atreya-auth-r10-viewport { display:none!important; }
  .atreya-auth-r10-root { overflow:visible; }
  .atreya-auth-r10-mobile { display:block;min-height:100dvh;padding:22px 16px 90px;background:linear-gradient(rgba(255,252,244,.22),rgba(255,252,244,.55)),url('/assets/atreya-auth-r10-light-master.png?v=auth-r10') 18% top / auto 780px no-repeat,var(--ar10-page); }
  html[data-theme="dark"] .atreya-auth-r10-mobile { background:linear-gradient(rgba(2,10,26,.34),rgba(2,10,26,.66)),url('/assets/atreya-auth-r10-dark-master.png?v=auth-r10') 18% top / auto 780px no-repeat,var(--ar10-page); }
  .atreya-auth-r10-mobile-card { width:min(100%,560px);margin:300px auto 0;padding:28px 22px 24px;border:1px solid var(--ar10-pill-border);border-radius:25px;background:linear-gradient(145deg,var(--ar10-card-a),var(--ar10-card-b));box-shadow:var(--ar10-shadow); }
  .atreya-auth-r10-mobile-card .atreya-auth-r10-card-head h1 { font-size:40px!important; }
  .atreya-auth-r10-mobile-card .atreya-auth-r10-fields { grid-template-columns:1fr; }
  .atreya-auth-r10-mobile-card .atreya-auth-r10-field { grid-column:1/-1; }
  body.atreya-auth-r10-active .atreya-common-theme-toggle { right:14px!important;bottom:14px!important;transform:scale(.92);transform-origin:right bottom; }
}