/* RAVAQ Auth isolated stylesheet v0.9.4 */
/* RAVAQ Heritage v0.7.1 — Clean Portal-Inspired Auth */
body.auth-v071{margin:0;min-height:100vh;background:#eee0cd;color:#3e2818;overflow:hidden}
.auth-v071-shell{direction:ltr;min-height:100vh;display:grid;grid-template-columns:minmax(430px,.86fr) minmax(610px,1.14fr);background:#efe3d1}
.auth-v071-formside,.auth-v071-brand{direction:rtl;position:relative;min-width:0;min-height:100vh}
.auth-v071-formside{display:flex;align-items:center;justify-content:center;padding:72px clamp(34px,5vw,76px);background:linear-gradient(180deg,#f7eee2 0%,#ead9c2 100%);border-left:1px solid rgba(103,62,28,.15)}
.auth-v071-back{position:absolute;top:26px;right:30px;color:#775337;text-decoration:none;font-size:12px;font-weight:800;padding:9px 13px;border:1px solid rgba(118,76,38,.15);border-radius:999px;background:rgba(255,255,255,.36)}
.auth-v071-card{width:min(100%,540px);padding:30px 32px 32px;border-radius:28px;background:rgba(255,251,245,.94);border:1px solid rgba(110,69,32,.18);box-shadow:0 30px 72px rgba(75,41,17,.14),inset 0 1px 0 rgba(255,255,255,.8)}
.auth-v071-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;margin-bottom:28px;border-radius:17px;background:#ead7bd;border:1px solid rgba(116,74,37,.14)}
.auth-v071-tabs a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:900;color:#6d4a31;transition:.18s}
.auth-v071-tabs a:hover{background:rgba(255,255,255,.45)}
.auth-v071-tabs a.active{background:linear-gradient(180deg,#98602e,#673a1a);color:#fff8ed;box-shadow:0 9px 20px rgba(78,43,18,.18),inset 0 1px 0 rgba(255,255,255,.15)}
.auth-v071-heading{margin-bottom:22px}.auth-v071-heading>span{display:block;margin-bottom:8px;font:700 10px/1.4 Georgia,serif;letter-spacing:3px;color:#b2763d}.auth-v071-heading h1{margin:0 0 10px;font-size:clamp(31px,3vw,42px);line-height:1.25;color:#3e2717}.auth-v071-heading p{margin:0;color:#796454;font-size:14px;line-height:2}
.auth-v071-form{display:grid;gap:15px}.auth-v071-form label{display:grid;gap:7px}.auth-v071-form label>span{font-size:13px;font-weight:900;color:#5c402c}.auth-v071-form input{width:100%;height:53px;border:1px solid #d5bd9f;border-radius:15px;padding:0 15px;background:#fffdfa;color:#332116;font-family:inherit;font-size:15px;box-shadow:inset 0 1px 3px rgba(70,39,20,.035);transition:.18s}.auth-v071-form input:focus{outline:none;border-color:#b97f45;box-shadow:0 0 0 4px rgba(185,127,69,.12)}
.auth-v071-form button{height:53px;margin-top:2px;border:1px solid #b47b42;border-radius:15px;background:linear-gradient(180deg,#985f2e,#683b1b);color:#fff8ed;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(84,44,18,.18);transition:.18s}.auth-v071-form button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.auth-v071-info{margin-top:18px;padding:14px 16px;border-radius:15px;background:#f2e4d1;border:1px solid rgba(116,74,37,.13);display:grid;gap:4px}.auth-v071-info b{font-size:12px;color:#56381f}.auth-v071-info span{font-size:11px;color:#7b695b;line-height:1.8}.auth-v071-alert{margin:0 0 16px}
.auth-v071-brand{overflow:hidden;background:#6e421f;isolation:isolate}
.auth-v071-arch{position:absolute;inset:0;z-index:-3;background-image:url('/assets/ravaq-auth-architecture-v071.jpg');background-size:cover;background-position:center center;transform:scale(1.01)}
.auth-v071-brandfade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(79,43,20,.78) 0%,rgba(90,50,22,.54) 36%,rgba(77,40,18,.24) 68%,rgba(42,20,10,.16) 100%),linear-gradient(180deg,rgba(42,21,11,.08),rgba(42,21,11,.55))}
.auth-v071-brand::after{content:"";position:absolute;inset:28px;border:1px solid rgba(246,219,178,.34);border-radius:32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
.auth-v071-brandcontent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#fff8eb;text-align:center}
.auth-v071-brandcontent img{width:min(380px,56%);height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}
.auth-v071-divider{width:74px;height:1px;margin:26px 0 18px;background:linear-gradient(90deg,transparent,#e9c188,transparent)}
.auth-v071-brandcontent p{margin:0;max-width:500px;color:#fff3df;font-size:19px;font-weight:800;line-height:1.8;text-shadow:0 2px 10px rgba(0,0,0,.26)}
.auth-v071-brandcontent small{margin-top:12px;font:700 10px/1.4 Georgia,serif;letter-spacing:4px;color:#e7c28b}
@media(max-width:1080px){.auth-v071-shell{grid-template-columns:minmax(400px,.95fr) minmax(480px,1.05fr)}.auth-v071-brandcontent img{width:min(330px,58%)}}
@media(max-width:900px){body.auth-v071{overflow:auto}.auth-v071-shell{grid-template-columns:1fr}.auth-v071-brand{display:none}.auth-v071-formside{min-height:100vh;border-left:0;padding:86px 22px 34px}.auth-v071-card{width:min(100%,620px)}}
@media(max-width:560px){.auth-v071-formside{padding-inline:14px}.auth-v071-card{padding:20px 16px 22px;border-radius:22px}.auth-v071-tabs{margin-bottom:22px}.auth-v071-heading h1{font-size:30px}.auth-v071-heading p{font-size:13px}.auth-v071-form input,.auth-v071-form button{height:52px}}


/* ============================================================
   RAVAQ Heritage v0.7.2 — Auth Clean Brand Panel
   No landing hero, no architecture photo, no duplicated content.
   Portal-style split layout: form on one side, RAVAQ identity on the other.
   ============================================================ */
body.auth-v072{
  background:#efe3d1;
}
.auth-v072 .auth-v071-shell{
  grid-template-columns:minmax(430px,.86fr) minmax(560px,1.14fr);
  background:#efe3d1;
}
.auth-v072 .auth-v071-formside{
  background:
    radial-gradient(circle at 18% 10%,rgba(203,151,91,.10),transparent 28%),
    linear-gradient(180deg,#f8f1e7 0%,#ecddca 100%);
  border-left:1px solid rgba(103,62,28,.14);
}
.auth-v072 .auth-v071-card{
  width:min(100%,520px);
  border-radius:30px;
  background:rgba(255,252,247,.96);
  border:1px solid rgba(109,69,33,.16);
  box-shadow:0 28px 70px rgba(77,44,19,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.auth-v072 .auth-v071-tabs{
  background:#ead8c1;
  border-color:rgba(117,76,39,.13);
}
.auth-v072 .auth-v071-tabs a.active{
  background:linear-gradient(180deg,#96602f,#6a3e1f);
  color:#fffaf2;
}
.auth-v072 .auth-v071-form input{
  background:#fffaf3;
  border-color:#d9c2a4;
}
.auth-v072 .auth-v071-form button{
  background:linear-gradient(180deg,#925a2b,#653918);
  border-color:#a97543;
  box-shadow:0 12px 28px rgba(82,44,18,.18);
}

/* Identity panel — intentionally image-free */
.auth-v072 .auth-v071-brand{
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 52% 44%,rgba(207,159,99,.15),transparent 33%),
    linear-gradient(180deg,#f8f0e4 0%,#ead6bc 100%);
  border:0;
}
.auth-v072 .auth-v071-brand::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(130,82,40,.055) 12% 12.15%,transparent 12.15% 87.85%,rgba(130,82,40,.055) 87.85% 88%,transparent 88%),
    linear-gradient(180deg,transparent 0 12%,rgba(130,82,40,.045) 12% 12.15%,transparent 12.15% 87.85%,rgba(130,82,40,.045) 87.85% 88%,transparent 88%);
}
.auth-v072 .auth-v071-brand::after{
  content:"";
  position:absolute;
  inset:34px;
  border:1px solid rgba(121,76,34,.17);
  border-radius:34px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
  pointer-events:none;
}
.auth-v072 .auth-v072-brandframe{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}
.auth-v072 .auth-v072-brandframe::before,
.auth-v072 .auth-v072-brandframe::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(62%,520px);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(137,86,42,.24),transparent);
}
.auth-v072 .auth-v072-brandframe::before{top:22%}
.auth-v072 .auth-v072-brandframe::after{bottom:22%}

.auth-v072 .auth-v071-brandcontent{
  position:absolute;
  inset:0;
  padding:70px;
  color:#442a18;
  text-shadow:none;
}
.auth-v072 .auth-v071-brandcontent img{
  width:min(360px,52%);
  max-height:310px;
  filter:drop-shadow(0 14px 24px rgba(72,40,18,.14));
}
.auth-v072 .auth-v071-divider{
  width:86px;
  margin:30px 0 20px;
  background:linear-gradient(90deg,transparent,#b97c3e,transparent);
}
.auth-v072 .auth-v071-brandcontent p{
  color:#573823;
  font-size:21px;
  font-weight:900;
  line-height:1.9;
  text-shadow:none;
}
.auth-v072 .auth-v071-brandcontent small{
  color:#9a672f;
  font:700 10px/1.4 Georgia,serif;
  letter-spacing:4px;
}
.auth-v072 .auth-v071-arch,
.auth-v072 .auth-v071-brandfade{
  display:none!important;
}

@media(max-width:1080px){
  .auth-v072 .auth-v071-shell{grid-template-columns:minmax(400px,.95fr) minmax(470px,1.05fr)}
  .auth-v072 .auth-v071-brandcontent img{width:min(320px,56%)}
}
@media(max-width:900px){
  .auth-v072 .auth-v071-brand{display:none}
}

/* ============================================================
   RAVAQ Heritage v0.7.3 — Auth cinematic corridor brand side
   Right/brand side gets a controlled cinematic Achaemenid corridor image.
   Logo sits top-left over the scene. No landing-page cards/text duplication.
   ============================================================ */
body.auth-v073{
  background:#efe3d1;
}
.auth-v073 .auth-v071-shell{
  grid-template-columns:minmax(430px,.84fr) minmax(580px,1.16fr);
}
.auth-v073 .auth-v071-formside{
  background:linear-gradient(180deg,#f8f1e7 0%,#ebdcc8 100%);
}
.auth-v073 .auth-v071-brand{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#2b1a11;
}
.auth-v073 .auth-v071-brand::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(41,24,13,.72) 0%,rgba(41,24,13,.50) 22%,rgba(41,24,13,.20) 42%,rgba(41,24,13,.16) 58%,rgba(41,24,13,.44) 82%,rgba(41,24,13,.62) 100%),
    linear-gradient(180deg,rgba(243,219,184,.08),rgba(19,10,6,.14));
}
.auth-v073 .auth-v073-scene{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url('/assets/ravaq-auth-corridor-v073.jpg');
  background-size:cover;
  background-position:center center;
  filter:saturate(.92) contrast(1.02);
}
.auth-v073 .auth-v071-brand::after{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:32px;
  border:1px solid rgba(255,240,220,.20);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  pointer-events:none;
}
.auth-v073 .auth-v073-logo-wrap{
  position:absolute;
  top:36px;
  left:36px;
  z-index:2;
  max-width:min(38%, 255px);
}
.auth-v073 .auth-v073-logo-wrap img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));
}
.auth-v073 .auth-v073-copy{
  position:absolute;
  right:58px;
  left:58px;
  bottom:58px;
  z-index:2;
  color:#fff5e8;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
  max-width:560px;
}
.auth-v073 .auth-v073-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,232,205,.28);
  background:rgba(63,35,16,.26);
  color:#f3d4a4;
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
  backdrop-filter:blur(3px);
}
.auth-v073 .auth-v073-copy h2{
  margin:0 0 14px;
  color:#fff8ee;
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.45;
}
.auth-v073 .auth-v073-copy p{
  margin:0;
  color:#f1e0cc;
  font-size:15px;
  line-height:2;
}
.auth-v073 .auth-v071-brandcontent,
.auth-v073 .auth-v072-brandframe,
.auth-v073 .auth-v071-divider,
.auth-v073 .auth-v071-arch,
.auth-v073 .auth-v071-brandfade{display:none!important}

@media (max-width:1100px){
  .auth-v073 .auth-v071-shell{grid-template-columns:minmax(400px,.95fr) minmax(450px,1.05fr)}
  .auth-v073 .auth-v073-logo-wrap{max-width:220px;top:28px;left:28px}
  .auth-v073 .auth-v073-copy{right:36px;left:36px;bottom:40px}
}
@media (max-width:900px){
  .auth-v073 .auth-v071-brand{display:none}
}

/* ============================================================
   RAVAQ Heritage v0.7.4 — Auth uses approved cinematic custom image
   Brand side now shows the final generated corridor artwork directly.
   ============================================================ */
body.auth-v074{background:#efe3d1}
.auth-v074 .auth-v071-shell{
  grid-template-columns:minmax(430px,.82fr) minmax(620px,1.18fr);
}
.auth-v074 .auth-v071-formside{
  background:linear-gradient(180deg,#f8f1e7 0%,#ebdcc8 100%);
}
.auth-v074 .auth-v071-brand{
  background:#e8d4bc;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  overflow:hidden;
}
.auth-v074 .auth-v071-brand::before,
.auth-v074 .auth-v071-brand::after,
.auth-v074 .auth-v073-scene,
.auth-v074 .auth-v073-logo-wrap,
.auth-v074 .auth-v073-copy,
.auth-v074 .auth-v072-brandframe,
.auth-v074 .auth-v071-brandcontent,
.auth-v074 .auth-v071-divider,
.auth-v074 .auth-v071-arch,
.auth-v074 .auth-v071-brandfade{display:none!important}
.auth-v074 .auth-v074-visual{
  width:100%;
  height:min(100vh - 52px, 1180px);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(120,77,39,.18);
  box-shadow:0 24px 70px rgba(74,41,17,.16), inset 0 0 0 1px rgba(255,255,255,.45);
  background:#d7b894;
}
.auth-v074 .auth-v074-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:1100px){
  .auth-v074 .auth-v071-shell{grid-template-columns:minmax(400px,.92fr) minmax(480px,1.08fr)}
}
@media (max-width:900px){
  .auth-v074 .auth-v071-brand{display:none}
}

/* ============================================================
   RAVAQ Heritage v0.7.5 — Auth image sizing fix
   Uses newly generated square cinematic corridor image with safe logo margins.
   ============================================================ */
.auth-v074 .auth-v074-visual{
  background:#e5cfb2;
}
.auth-v074 .auth-v074-visual img{
  object-fit:contain;
  object-position:center center;
  background:#e5cfb2;
}
