/* Decorative depth only. Authentication, forms and dashboard data stay untouched. */
.auth-screen .login-story { isolation:isolate; overflow:hidden; }
.crm-login-headset { position:absolute; z-index:0; pointer-events:none; width:min(58%,540px); height:75%; right:-3%; top:14%; opacity:.48; filter:drop-shadow(0 30px 40px #0007); }
.crm-login-headset .studio-webgl { display:block; width:100%; height:100%; }
.login-story > :not(.crm-login-headset) { position:relative; z-index:1; }
.login-story-copy { text-shadow:0 3px 20px #060a11cc; }
.crm-motion-ready .main { isolation:isolate; }
.crm-depth-field { position:fixed!important; z-index:0!important; pointer-events:none; right:-3vw; top:12vh; width:min(38vw,520px); aspect-ratio:1; opacity:.34; perspective:900px; transform:translate3d(0,calc(var(--crm-scroll,0) * -.018px),0); }
.crm-depth-field i { position:absolute; display:block; border:1px solid #b9385170; border-radius:50%; box-shadow:0 0 32px #ee445522,inset 0 0 34px #ee445511; transform-style:preserve-3d; }
.crm-depth-field i:nth-child(1) { inset:7%; transform:rotateX(69deg) rotateY(calc(22deg + var(--crm-turn,0deg))); }
.crm-depth-field i:nth-child(2) { inset:20%; border-color:#6e98c676; transform:rotateY(calc(-52deg - var(--crm-turn,0deg))) rotateX(18deg); }
.crm-depth-field i:nth-child(3) { inset:33%; border-color:#f15b7180; background:radial-gradient(circle at 32% 28%,#ef44552a,#10243a17 65%,transparent); transform:rotateX(calc(62deg + var(--crm-turn,0deg))) rotateY(-21deg); }
.crm-motion-ready .main > :not(.crm-depth-field) { position:relative; z-index:1; }
.crm-motion-ready .panel.crm-revealed { box-shadow:0 14px 42px #0003, inset 0 1px #ffffff09; }
.crm-motion-ready .panel-head { background:linear-gradient(120deg,#172234,#121b29 62%,#1b2030); }
.crm-motion-ready .panel-head::after { content:""; width:26px; height:2px; margin-left:auto; background:linear-gradient(90deg,#f34d61,transparent); opacity:.75; }
.crm-motion-ready .stat-card.crm-revealed { background:linear-gradient(145deg,#172333,#101924); }
.crm-motion-ready .stat-card .num { text-shadow:0 6px 24px #ec4b5312; }
@media(max-width:900px) { .crm-login-headset { width:52%; right:-9%; opacity:.25; } .crm-depth-field { width:75vw; right:-29vw; opacity:.17; } }
@media(max-width:620px) { .crm-login-headset { display:none; } .crm-depth-field { opacity:.10; } }
@media(prefers-reduced-motion:reduce) { .crm-depth-field { transform:none; } }