/* Console sign-in (Pro guide 5.1) and lender/valuer sign-in (5.2). */
.scene-body{margin:0;min-height:100vh;background:#131C30;color:#1A2236;overflow-x:hidden}
.scenes{position:fixed;inset:0;z-index:0}
.scene{position:absolute;inset:0;margin:0;background-size:cover;background-position:center;opacity:0;animation:fade 32s infinite}
.scene.s0{animation-delay:0s}.scene.s1{animation-delay:8s}.scene.s2{animation-delay:16s}.scene.s3{animation-delay:24s}
.scene figcaption{position:absolute;left:24px;bottom:74px;color:#fff;font-size:13px;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.8);opacity:1;background:rgba(10,14,26,.35);padding:4px 10px;border-radius:999px}
@keyframes fade{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
.veil{position:absolute;inset:0;background:radial-gradient(900px 600px at 50% 50%,rgba(10,14,26,.05),rgba(10,14,26,.45))}
.still .scene{animation:none}.still .scene.s0{opacity:1}
@media (prefers-reduced-motion:reduce){.scene{animation:none}.scene.s0{opacity:1}}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 14px 6px 8px;color:#1A2236;text-decoration:none;font-size:13.5px;font-weight:600}
.chip.mark{position:fixed;top:18px;left:18px;z-index:2}.chip.mark img{height:26px}
.scene-main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 16px 110px;box-sizing:border-box}
.frost{width:100%;max-width:400px;box-sizing:border-box;background:rgba(255,255,255,.78);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:28px 28px 22px;box-shadow:0 24px 60px rgba(8,12,24,.35)}
.frost .firm{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7A6A4A;font-weight:700}
.frost .greet{margin:6px 0 2px;font-size:15px;color:#4A5468}
.frost h1{font-size:26px;margin:2px 0 6px;color:#131C30}
.frost .sub{margin:0 0 18px;color:#4A5468}
.frost .field input{background:rgba(255,255,255,.92)}
.under{margin-top:16px}.under a{color:#fff;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.6);text-decoration:underline;text-underline-offset:3px}
.scene-foot{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;flex-wrap:wrap}
.chip.pb small{font-weight:500;color:#4A5468}.chip.pb img{height:30px}
.scene-foot .ver{font-size:11.5px;color:rgba(255,255,255,.75);text-shadow:0 1px 4px rgba(0,0,0,.6)}
@media (max-width:560px){.scene figcaption{display:none}.frost{padding:22px 18px}.scene-foot{justify-content:center}}

/* Lender and valuer sign-in: calm and light */
.portal-body{margin:0;min-height:100vh;background:linear-gradient(160deg,#F7F3EA 0%,#EEF2F7 55%,#E3EAF3 100%);overflow-x:hidden;position:relative}
.plotgrid{position:fixed;inset:0;z-index:0;opacity:.5;background-image:
  linear-gradient(rgba(30,42,72,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(30,42,72,.06) 1px,transparent 1px),
  linear-gradient(rgba(30,42,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,42,72,.035) 1px,transparent 1px);
  background-size:160px 160px,160px 160px,32px 32px,32px 32px}
.drift{position:fixed;left:0;bottom:0;width:200%;height:28vh;z-index:0;opacity:.08;background:url('/static/scenes/skyline-light.svg') repeat-x;background-size:50% 100%;animation:drift 120s linear infinite}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.drift{animation:none}}
.portal-main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 70px;box-sizing:border-box}
.portal-card{width:100%;max-width:410px;box-sizing:border-box;background:#fff;border:1px solid #E6E1D6;border-radius:18px;padding:28px 28px 22px;box-shadow:0 20px 50px rgba(19,28,48,.08)}
.portal-card .brandline{display:flex;align-items:center;gap:10px;margin-bottom:14px}.portal-card .brandline img{height:30px}
.portal-card .brandline b{font-size:15px;color:#131C30}
.portal-card .eyebrow{margin:0}
.portal-card h1{font-size:26px;margin:2px 0 6px;color:#131C30}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.tags li{font-size:12px;background:#F3EFE5;color:#5B4A2A;border:1px solid #E6DCC4;border-radius:999px;padding:3px 10px}
.portal-foot{position:fixed;left:0;right:0;bottom:0;z-index:1;text-align:center;padding:12px;font-size:11.5px;color:#7A8296}
.portal-foot span{display:block}