/* Decorative motion stays inside its own panel; the login fields keep a solid surface. */
.login-immersive .login-story{background:linear-gradient(160deg,#edf2e4,#dfece1)}
.login-immersive .login-story-content{max-width:540px;padding-top:50px}
.login-immersive .login-story-content>p{color:#5c705f}
.login-immersive .login-form-side{background:#fafbf7;isolation:isolate}
.login-immersive .login-form-wrap{background:#fafbf7;color:#203c39}
.login-immersive .login-description{color:#5e706a}
.login-immersive .field-label,.login-immersive .login-support{color:#3f5d53}
.login-immersive .login-input-wrap input{background:#fff;color:#203c39}
.login-immersive .login-input-wrap input::placeholder{color:#758679}
.login-nature-scene{width:100%;min-width:0;border-radius:22px;overflow:hidden;background:#123e46;border:1px solid #b9d3c2;box-shadow:0 16px 40px #234e3e12;margin-top:25px}
.login-nature-window{position:relative;height:310px;overflow:hidden;background:linear-gradient(#102f42,#398980);contain:paint;pointer-events:none}
.login-nature-canvas,.login-nature-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.login-nature-canvas{opacity:0}
[data-scene-ready=true] .login-nature-canvas{opacity:1}
[data-scene-ready=true] .login-nature-fallback{visibility:hidden}
.login-nature-badge{position:absolute;left:16px;top:14px;border:1px solid #d6eee229;border-radius:100px;padding:7px 10px;background:#0d303cce;color:#e1f2e7;font-size:8px;font-weight:700;letter-spacing:1.6px}
.login-nature-caption{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px 8px 16px;color:#d6e8df;background:#143f46}
.login-nature-caption>span{font-size:9px;line-height:1.8;flex:1;min-width:110px}
.login-nature-toggle{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:#e9f4e9;color:#28564a;border:1px solid #d9e8df;border-radius:10px;padding:9px 10px;font-size:10px;font-weight:700;min-height:38px;cursor:pointer}
.login-nature-toggle:hover{background:#fff}
.login-nature-toggle:focus-visible{outline:3px solid #edc35b;outline-offset:3px}
.login-nature-toggle[aria-pressed=true]{background:#f7e6bd;color:#5f4f2c}
.login-nature-compact{display:none}
@media(min-width:1450px){.login-nature-window{height:345px}}
@media(min-width:651px) and (max-width:1050px){.login-nature-window{height:255px}.login-nature-caption{padding:8px 10px}.login-nature-caption>span{min-width:100%;font-size:9px}.login-nature-toggle{margin-left:auto}.login-immersive .login-story-content{padding-top:40px}.login-immersive .login-story{padding-left:28px;padding-right:28px}}
@media(max-width:650px){.login-nature-wide{display:none}.login-nature-compact{display:block;margin:0 0 26px;border-radius:18px;box-shadow:0 10px 22px #224e3c0a}.login-nature-window{height:215px}.login-immersive .login-mobile-brand{margin-bottom:24px}.login-nature-caption>span{font-size:9px}.login-nature-badge{left:12px;top:12px;font-size:8px}.login-nature-toggle{min-height:40px}.login-immersive .login-form-wrap{max-width:440px}}
@media(max-width:420px){.login-nature-window{height:190px}.login-nature-caption{gap:4px;padding:7px 10px}.login-nature-caption>span{max-width:165px;font-size:9px}.login-nature-toggle{font-size:9px;padding:8px}.login-immersive .login-form-side{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.login-nature-scene *{animation:none!important;transition:none!important}}