/* Login: a field of $100 notes behind the card. */
.login-money{position:relative;overflow-x:hidden;background:#0f1a12!important}
.money-rain{position:fixed;inset:-60px;z-index:0;pointer-events:none;
  background-image:url("money-tile.jpg?v=2");
  background-size:1200px auto;
  background-position:0 0;
  transform:scale(1.04);
  animation:money-drift 120s linear infinite}
.money-rain::after{content:"";position:absolute;inset:0;
  background:radial-gradient(70% 65% at 50% 50%,#06140b40 0%,#06140b73 65%,#06140bb3 100%)}
@keyframes money-drift{from{background-position:0 0}to{background-position:1200px 833px}}
.login-money .login-shell{position:relative;z-index:1;box-shadow:0 40px 120px -20px #000000cc,0 0 0 1px #ffffff14!important}
.login-money .login-intro{background:radial-gradient(120% 70% at 0% 0%,#1f6b3f 0%,transparent 60%),linear-gradient(160deg,#0d1020,#132a1d)!important}
.login-money .login-intro-content .eyebrow{color:#86efac!important}
.login-money .login-intro p{color:#b6c7bc!important}
.login-money .login-networks span{border-color:#2f5a40!important;color:#a7f3d0!important}
.login-money .login-intro-footer{color:#7fa58d!important}
.login-money .brand-symbol{background:linear-gradient(135deg,#16a34a,#84cc16)!important;box-shadow:0 6px 18px -6px #84cc16aa!important}
.login-money .button.primary{background:linear-gradient(135deg,#15803d,#65a30d)!important;box-shadow:0 10px 24px -10px #15803dcc!important}
.login-money input:focus{border-color:#16a34a!important;box-shadow:0 0 0 4px #16a34a26!important}
@media(prefers-reduced-motion:reduce){.money-rain{animation:none}}

.login-money .login-intro h1{color:#fff!important;text-shadow:0 2px 20px #00000066}
.login-money .login-intro .brand{color:#fff!important}
.login-money .login-form-content .eyebrow{color:#15803d!important}

/* Bender peeking from the bottom-left corner instead of the intro texts */
.login-money .login-intro{position:relative;overflow:hidden}
.login-bender{position:absolute;left:0;bottom:0;width:min(92%,560px);height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 30px #00000080);transform-origin:left bottom;animation:bender-peek .9s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes bender-peek{from{transform:translate(-30%,30%) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.login-bender{animation:none}}

/* 8-bit music toggle (static/login-music.js) */
.login-music-toggle{position:fixed;right:18px;bottom:18px;z-index:5;padding:8px 14px;border:2px solid #86efac;border-radius:4px;background:#0b1a10cc;color:#86efac;font:700 12px/1 ui-monospace,Consolas,monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 #000;image-rendering:pixelated;backdrop-filter:blur(4px)}
.login-music-toggle:hover{background:#14532dcc}
.login-music-toggle.on{color:#0b1a10;background:#86efac;animation:music-blink 1.2s steps(2) infinite}
@keyframes music-blink{50%{box-shadow:4px 4px 0 #000,0 0 18px #86efac}}