/* Final auth art direction. Kept after styles.css so the approved layout wins. */
body.auth-journey-page { background:#06101f; }
body.auth-journey-page header.topbar { position:absolute; inset:0 0 auto; z-index:20; width:100%; max-width:none; height:68px; padding:12px 3.5%; color:#f5f8ff; background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
body.auth-journey-page header.topbar .brand { display:none !important; }
body.auth-journey-page header.topbar::after { content:''; position:absolute; inset:0 0 0 auto; z-index:-1; width:32%; background:rgba(2,10,23,.93); }
.auth-header-tagline { margin-left:3rem; padding-left:2rem; border-left:1px solid rgba(148,176,215,.16); color:#aebbd0; font-size:.68rem; line-height:34px; }
.auth-language { order:3; display:flex; align-items:center; gap:.45rem; margin-left:1.4rem; font:700 .75rem var(--font-mono); }
.auth-theme-toggle { order:2; width:74px; height:34px; margin-left:auto; border-radius:999px; }
body.auth-journey-page > main { width:100%; max-width:none; min-height:100vh; margin:0; padding:0; }
body.auth-journey-page .login-shell, body.auth-journey-page .reg-shell { width:100%; max-width:none; min-height:100vh; margin:0; padding:0; display:grid; grid-template-columns:68% 32%; gap:0; align-items:stretch; }
body.auth-journey-page .login-hero, body.auth-journey-page .reg-hero { position:relative; min-height:100vh; overflow:hidden; }
.auth-journey { position:relative; min-height:100vh; height:100%; padding:0; display:block; }
.auth-journey-copy { position:absolute; z-index:8; top:112px; left:5.2%; max-width:570px; text-align:left; }
.auth-journey-copy h1 { margin:0; color:#f5f8ff; font:800 clamp(2.5rem,3.5vw,4.25rem)/1.04 var(--font-body); letter-spacing:-.04em; }
.auth-title-light,.auth-copy-light { display:none; }
.auth-journey-copy p { margin:1rem 0 0; color:#b5c3d8; font-size:clamp(.9rem,1.12vw,1.12rem); line-height:1.45; }
.auth-benefit-row { display:flex; width:390px; margin-top:1.55rem; }
.auth-benefit-row>div { display:grid; flex:1; gap:.23rem; padding-right:.9rem; }
.auth-benefit-row>div+div { padding-left:.9rem; border-left:1px solid rgba(126,170,211,.18); }
.auth-benefit-icon { color:#38c9ff; font-size:1.35rem; line-height:1; }
.auth-benefit-row strong { color:#f4f7fc; font-size:.72rem; }
.auth-benefit-row small { color:#9caec7; font-size:.61rem; line-height:1.35; }
.auth-video-link { display:none; }
.auth-journey-scene { position:absolute; inset:0; height:100%; margin:0; overflow:hidden; border-radius:0; box-shadow:none; }
.auth-journey-scene { container-type:inline-size; }
.auth-scene-brand { position:absolute; z-index:5; top:1.9cqw; left:6.5cqw; display:flex; align-items:center; gap:1.05cqw; color:#f5f8ff; line-height:1; }
.auth-journey-scene .auth-scene-brand>img { position:static; inset:auto; z-index:auto; width:clamp(18px,4.8cqw,50px); height:clamp(18px,4.8cqw,50px); object-fit:contain; filter:drop-shadow(0 0 8px rgba(35,176,255,.46)); }
.auth-scene-brand>span { display:grid; gap:.35cqw; }
.auth-scene-brand strong { font:800 clamp(.58rem,2.05cqw,1.35rem)/1 var(--font-display); letter-spacing:.035em; }
.auth-scene-brand small { font:700 clamp(.3rem,.72cqw,.5rem)/1 var(--font-body); letter-spacing:.045em; color:#aebed2; }
.auth-journey-scene::before { content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,rgba(2,12,27,.55),rgba(2,12,27,.04) 54%,rgba(2,12,27,.12)),linear-gradient(0deg,rgba(2,10,23,.5),transparent 35%); pointer-events:none; }
.auth-journey-scene::after { display:none; }
.auth-journey-scene img { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; object-position:58% center; filter:none; }
.auth-scene-image-light { display:none; }
.auth-ai-badge { left:23%; top:52%; z-index:5; }
.auth-stage-list { position:absolute; inset:0; z-index:4; margin:0; padding:0; list-style:none; }
.auth-stage { position:absolute; z-index:5; display:flex; align-items:center; gap:.45rem; min-width:156px; padding:.55rem .7rem; border:1px solid rgba(99,205,255,.38); border-radius:11px; color:#eef7ff; background:rgba(8,30,57,.78); backdrop-filter:blur(10px); }
.auth-stage-1{left:42%;bottom:18%}.auth-stage-2{left:50%;bottom:31%}.auth-stage-3{left:57%;bottom:43%}.auth-stage-4{left:64%;bottom:55%}.auth-stage-5{left:70%;bottom:67%}.auth-stage-6{left:76%;bottom:79%}
.auth-proof-bar { position:absolute; z-index:9; left:3.5%; right:3.5%; bottom:0; min-height:92px; display:grid; grid-template-columns:repeat(3,1fr) 1.55fr; align-items:center; padding:1rem 1.7rem; border-radius:22px 22px 0 0; color:#f5f8ff; background:rgba(5,18,35,.9); backdrop-filter:blur(18px); }
.auth-proof-bar>div { display:grid; padding:0 1.2rem; }.auth-proof-bar>div+div{border-left:1px solid rgba(165,190,216,.25)}
.auth-proof-bar strong{font-size:1rem}.auth-proof-bar small{color:#aebed2;font-size:.64rem}.auth-proof-bar blockquote{margin:0;padding-left:1.6rem;border-left:1px solid rgba(165,190,216,.25);color:#b8c5d6;font-size:.66rem;font-style:italic}.auth-proof-bar cite{display:block;margin-top:.45rem;font-style:normal}
body.auth-journey-page .login-form-col, body.auth-journey-page .reg-form-col { min-height:100vh; padding:96px clamp(1.2rem,2.25vw,2.8rem) 30px; display:flex; align-items:flex-start; justify-content:center; background:linear-gradient(160deg,#061326,#020b18 72%); }
body.auth-journey-page .login-card, body.auth-journey-page .reg-form-col .auth-card { width:100%; max-width:425px; margin:0; padding:2rem 2.1rem; border-radius:20px; border:1px solid rgba(35,174,239,.58); background:rgba(3,14,29,.82); box-shadow:0 0 42px rgba(13,126,203,.08); }
.auth-card-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.7rem}.auth-card-brand img{width:48px;height:48px}.auth-card-brand span{display:grid}.auth-card-brand strong{color:#f5f8ff;font:800 1.2rem var(--font-display)}.auth-card-brand small{color:#a4b4ca;font-size:.5rem;letter-spacing:.05em}
body.auth-journey-page .login-card-icon{display:none}body.auth-journey-page .login-card h1{text-align:left;font:800 1.72rem/1.15 var(--font-body);color:#fff;text-shadow:0 1px 14px rgba(255,255,255,.08)}body.auth-journey-page .login-card .sub{margin:.7rem 0 1.35rem;text-align:left;color:#c0cce0}.auth-login-title-light,.auth-login-sub-light{display:none}
body.auth-journey-page .login-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.auth-journey-page .login-form{gap:.8rem}body.auth-journey-page .login-field-wrap input{height:50px;background:#f7f9fd;color:#101827;border:1px solid #c7d4e5}body.auth-journey-page .login-field-wrap input::placeholder{color:#7f8da5}body.auth-journey-page .login-submit{height:54px;margin-top:.25rem;color:#07111e;background:linear-gradient(100deg,#35d8f4,#5fb9ff 50%,#b176ff)}body.auth-journey-page .login-google{background:transparent}.auth-mode-tabs{margin-bottom:1.15rem}
body.auth-journey-page .login-options,
body.auth-journey-page .login-switch,
body.auth-journey-page .login-divider { color:#aebbd0; }
body.auth-journey-page .auth-mode-tabs a { color:#91a0ba; }
body.auth-journey-page .auth-mode-tabs a.active { color:#fff; }
body.auth-journey-page .login-google { color:#e3eaf5; border-color:rgba(57,151,210,.48); }
body.auth-journey-page .login-telegram { color:#71d1ff; }
html[data-theme="light"] body.auth-journey-page{background:#eaf2fb}html[data-theme="light"] body.auth-journey-page header.topbar{color:#0e284b}html[data-theme="light"] body.auth-journey-page header.topbar::after{background:rgba(235,244,253,.88)}html[data-theme="light"] .auth-title-dark,html[data-theme="light"] .auth-copy-dark,html[data-theme="light"] .auth-benefit-row{display:none}html[data-theme="light"] .auth-title-light,html[data-theme="light"] .auth-copy-light{display:block}html[data-theme="light"] .auth-journey-copy h1{color:#0e274b}html[data-theme="light"] .auth-journey-copy h1::after{content:'';display:block;width:66%;height:4px;margin-top:.35rem;border-radius:50%;background:#4dbbff;transform:rotate(-1deg)}html[data-theme="light"] .auth-video-link{display:grid;grid-template-columns:54px auto;grid-template-rows:1fr 1fr;column-gap:.8rem;margin-top:1rem;padding:.55rem 1rem .55rem .55rem;border:0;border-radius:18px;color:#172b49;background:rgba(255,255,255,.48);text-align:left}html[data-theme="light"] .auth-video-link>span{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#fff;background:#298dff}html[data-theme="light"] .auth-scene-image-dark{display:none}html[data-theme="light"] .auth-scene-image-light{display:block}html[data-theme="light"] body.auth-journey-page .login-form-col,html[data-theme="light"] body.auth-journey-page .reg-form-col{background:linear-gradient(160deg,#e8f2fc,#dfeaf7)}html[data-theme="light"] body.auth-journey-page .login-card,html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-card{background:rgba(242,248,255,.72);border-color:rgba(255,255,255,.7)}html[data-theme="light"] .auth-card-brand strong{color:#0d294d}html[data-theme="light"] body.auth-journey-page .login-card h1{color:#11294a}html[data-theme="light"] body.auth-journey-page .login-card .sub{color:#65758d}html[data-theme="light"] .auth-login-title-dark,html[data-theme="light"] .auth-login-sub-dark{display:none}html[data-theme="light"] .auth-login-title-light,html[data-theme="light"] .auth-login-sub-light{display:block}
@media(max-width:1050px){body.auth-journey-page header.topbar::after,.auth-header-tagline{display:none}body.auth-journey-page .login-shell,body.auth-journey-page .reg-shell{grid-template-columns:1fr}body.auth-journey-page .login-hero,body.auth-journey-page .reg-hero,.auth-journey{min-height:760px}.auth-proof-bar{display:none}body.auth-journey-page .login-form-col,body.auth-journey-page .reg-form-col{min-height:auto;padding:2rem 1rem 3rem}}
@media(max-width:620px){body.auth-journey-page header.topbar{position:relative;height:70px}.auth-language{display:none}.auth-theme-toggle{width:44px}body.auth-journey-page .login-hero,body.auth-journey-page .reg-hero,.auth-journey{min-height:650px}.auth-journey-copy{top:32px;left:1rem;right:1rem}.auth-journey-copy h1{font-size:2.15rem}.auth-benefit-row{display:none}.auth-journey-scene{top:180px;height:470px}.auth-journey-scene img{object-position:62% center}.auth-ai-badge{left:6%;top:46%}.auth-stage-list{display:none}}

/* Pixel-matched approved reference art: every scene label is baked into the
   supplied composition, so no independent overlay can cover the realtor,
   stairs or skyline at desktop size. The form remains real and interactive. */
@media (min-width:1051px) {
  body.auth-journey-page {
    background-color:#040d1b;
    background-image:
      radial-gradient(ellipse at 16% 18%,rgba(24,82,137,.18),transparent 34%),
      radial-gradient(ellipse at 84% 72%,rgba(18,70,125,.14),transparent 37%),
      radial-gradient(circle,rgba(167,215,255,.38) 0 1px,transparent 1.35px),
      radial-gradient(circle,rgba(115,190,255,.24) 0 .8px,transparent 1.2px),
      linear-gradient(145deg,#071326 0%,#020916 72%,#061225 100%);
    background-position:center,center,12px 18px,47px 63px,center;
    background-size:auto,auto,94px 94px,137px 137px,auto;
  }
  html[data-theme="light"] body.auth-journey-page {
    background-color:#e6f1fb;
    background-image:
      radial-gradient(ellipse at 8% 18%,rgba(255,255,255,.76) 0 7%,rgba(255,255,255,.34) 19%,transparent 38%),
      radial-gradient(ellipse at 90% 22%,rgba(255,255,255,.68) 0 8%,rgba(255,255,255,.28) 22%,transparent 42%),
      radial-gradient(ellipse at 78% 88%,rgba(255,255,255,.52) 0 7%,rgba(255,255,255,.2) 20%,transparent 39%),
      linear-gradient(145deg,#dcecf9 0%,#edf6fd 48%,#dbeaf7 100%);
    background-position:center;
    background-size:auto;
  }
  body.auth-journey-page > main { position:relative; z-index:1; display:grid; place-items:center; min-height:100vh; padding:24px; }
  body.auth-journey-page .login-shell,
  body.auth-journey-page .reg-shell {
    width:min(calc(100vw - 48px),calc((100vh - 48px)*1.5));
    height:min(calc(100vh - 48px),calc((100vw - 48px)/1.5));
    min-height:0;
    aspect-ratio:3/2;
    grid-template-columns:68% 32%;
    overflow:hidden;
    border:1px solid rgba(77,166,218,.2);
    border-radius:24px;
    box-shadow:0 34px 90px -48px rgba(0,0,0,.72);
  }
  body.auth-journey-page header.topbar::after { display:none; }
  body.auth-journey-page header.topbar .brand-mark { width:40px; height:40px; }
  body.auth-journey-page header.topbar .brand-name { font-size:1rem; }
  body.auth-journey-page header.topbar .brand-descriptor { font-size:.46rem; }
  body.auth-journey-page .auth-header-tagline { display:none; }
  .auth-journey-copy,
  .auth-ai-badge,
  .auth-stage-list,
  .auth-proof-bar { display:none; }
  .auth-journey { position:absolute; inset:0; min-height:0; height:auto; }
  .auth-journey-scene { inset:0; width:100%; height:100%; }
  .auth-journey-scene::before { display:block; content:''; position:absolute; z-index:3; top:0; left:0; width:26%; height:7.2%; background:linear-gradient(90deg,#071629 0%,#08182d 78%,rgba(8,24,45,.98) 90%,transparent 100%); pointer-events:none; }
  .auth-journey-scene::after { display:none; }
  .auth-journey-scene img { width:100%; height:100%; object-fit:contain; object-position:center; }
  body.auth-journey-page .login-hero,
  body.auth-journey-page .reg-hero { height:100%; min-height:0; background:#071629; }
  html[data-theme="light"] body.auth-journey-page .login-hero,
  html[data-theme="light"] body.auth-journey-page .reg-hero { background:#f7f9fc; }
  body.auth-journey-page .login-form-col,
  body.auth-journey-page .reg-form-col { height:100%; min-height:0; padding:68px 24px 24px; align-items:center; }
  body.auth-journey-page .login-card,
  body.auth-journey-page .reg-form-col .auth-card { max-height:100%; overflow:auto; }
  html[data-theme="dark"] .auth-journey-scene img { filter:brightness(1.12) contrast(1.09) saturate(1.05); }
  html[data-theme="light"] .auth-journey-scene img { filter:brightness(1.02) contrast(1.12) saturate(1.07); }
  html[data-theme="light"] .auth-journey-scene::before { display:block; background:linear-gradient(90deg,#f8f9fb 0%,#f7f9fc 78%,rgba(242,247,252,.98) 90%,transparent 100%); }
  html[data-theme="light"] body.auth-journey-page .auth-header-tagline { display:none; }
}

/* The pale composition needs ink-dark controls: keep the airy card, but never
   trade legibility for translucency. */
html[data-theme="light"] body.auth-journey-page .login-google {
  color:#173255;
  background:rgba(255,255,255,.9);
  border-color:#8bc8ed;
  font-weight:700;
}
html[data-theme="light"] body.auth-journey-page .login-telegram {
  color:#087cab;
  background:rgba(224,244,255,.82);
  border-color:#78c6ee;
  font-weight:700;
  opacity:1;
}
html[data-theme="light"] body.auth-journey-page .login-options,
html[data-theme="light"] body.auth-journey-page .login-switch,
html[data-theme="light"] body.auth-journey-page .login-divider { color:#60728e; }
html[data-theme="light"] body.auth-journey-page .login-divider::before,
html[data-theme="light"] body.auth-journey-page .login-divider::after { background:#adc3da; }
html[data-theme="light"] body.auth-journey-page .login-switch a,
html[data-theme="light"] body.auth-journey-page .login-options a { color:#007cad; font-weight:700; }
html[data-theme="light"] body.auth-journey-page .login-field-wrap input::placeholder { color:#5f718d; opacity:1; }
html[data-theme="light"] body.auth-journey-page .auth-card-brand strong {
  color:#08264d;
  font-weight:900;
  text-shadow:0 1px 0 #fff,0 0 14px rgba(26,112,190,.16);
}
html[data-theme="light"] body.auth-journey-page .auth-card-brand small { color:#536b8d; font-weight:700; }
html[data-theme="light"] body.auth-journey-page header.topbar .brand-name { color:#08264d; text-shadow:none; }
html[data-theme="light"] body.auth-journey-page header.topbar .brand-descriptor { color:#536b8d; font-weight:700; }
html[data-theme="light"] body.auth-journey-page .auth-scene-brand { color:#08264d; }
html[data-theme="light"] body.auth-journey-page .auth-scene-brand small { color:#536b8d; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-telegram {
  color:#087cab;
  background:rgba(224,244,255,.9);
  border-color:#62bde9;
  font-weight:750;
  opacity:1;
}
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-social-divider { color:#60728e; font-weight:650; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-social-divider::before,
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-social-divider::after { background:#adc3da; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-card > .sub { color:#506582; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-card > h1 {
  color:#102d52;
  font-weight:850;
  text-shadow:0 1px 0 #fff,0 4px 18px rgba(26,83,137,.12);
}
html[data-theme="light"] body.auth-journey-page .reg-form-col form.stacked > label { color:#425875; font-weight:650; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .checkbox-label { color:#506582; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .checkbox-label a { color:#006f9e; font-weight:700; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .switch { color:#60728e; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .switch a { color:#007cad; font-weight:750; }
html[data-theme="light"] body.auth-journey-page .reg-form-col form.stacked input::placeholder { color:#60728e; opacity:1; }
html[data-theme="light"] body.auth-journey-page .reg-form-col .auth-mode-tabs a:not(.active) { color:#526783; }

@media (max-width:620px) {
  body.auth-journey-page header.topbar { position:absolute; inset:0 0 auto; height:28px; padding:3px 4%; background:transparent; }
  body.auth-journey-page header.topbar .brand { gap:.4rem; }
  body.auth-journey-page header.topbar .brand-mark { width:18px; height:18px; flex-basis:18px; }
  body.auth-journey-page header.topbar .brand-name { font-size:.59rem; }
  body.auth-journey-page header.topbar .brand-descriptor { margin-top:.03rem; font-size:.25rem; }
}

@media (max-width:1050px) {
  .auth-journey-copy,
  .auth-ai-badge,
  .auth-stage-list,
  .auth-proof-bar { display:none; }
  .auth-journey { position:relative; inset:auto; }
  body.auth-journey-page .login-hero,
  body.auth-journey-page .reg-hero,
  .auth-journey { min-height:auto; aspect-ratio:1041 / 1024; }
  .auth-journey-scene { inset:0; width:100%; height:100%; }
  .auth-journey-scene::after { display:none; }
  .auth-journey-scene::before { display:block; content:''; position:absolute; z-index:3; top:0; left:0; width:46%; height:7.2%; background:linear-gradient(90deg,#071629 0%,#08182d 76%,rgba(8,24,45,.98) 88%,transparent 100%); pointer-events:none; }
  html[data-theme="light"] .auth-journey-scene::before { background:linear-gradient(90deg,#f8f9fb 0%,#f7f9fc 76%,rgba(242,247,252,.98) 88%,transparent 100%); }
  .auth-journey-scene img { width:100%; height:100%; object-fit:fill; object-position:center; }
}

@media (max-width:620px) {
  .auth-journey-scene::before { width:52%; height:7.2%; }
}

@media (min-width:1051px) and (max-height:820px) {
  body.auth-journey-page .login-form-col,
  body.auth-journey-page .reg-form-col { padding:58px 18px 16px; align-items:center; }
  body.auth-journey-page .login-card { padding:1rem 1.35rem; }
  .auth-card-brand { margin-bottom:.45rem; }
  .auth-card-brand img { width:34px; height:34px; }
  .auth-card-brand strong { font-size:1rem; }
  .auth-mode-tabs { margin-bottom:.5rem; }
  body.auth-journey-page .login-card h1 { font-size:1.34rem; }
  body.auth-journey-page .login-card .sub { margin:.3rem 0 .55rem; font-size:.78rem; line-height:1.35; }
  body.auth-journey-page .login-form { gap:.55rem; }
  body.auth-journey-page .login-field-wrap input { height:42px; }
  body.auth-journey-page .login-submit { height:44px; }
  .login-divider { margin:.7rem 0 .55rem; }
  .login-google,.login-telegram { min-height:40px; height:40px; }
  .login-switch { margin-top:.65rem; }
}