.app-mascot{display:block;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 20px 24px rgba(1,17,43,.3));animation:berta-app-float 5.8s ease-in-out infinite;transform-origin:50% 100%}
.login-visual>small{position:relative;z-index:2}
.welcome-card>*:not(.app-mascot){position:relative;z-index:2}
.welcome-card>p,.welcome-card>h1{max-width:72%}
.berta-home-app{position:absolute;z-index:1;right:-34px;bottom:-70px;width:225px}
.support-hero{position:relative;overflow:hidden;min-height:230px;padding-right:215px}
.support-hero>div{position:relative;z-index:2}
.berta-support-app{position:absolute;z-index:1;right:28px;bottom:-48px;width:180px}
@keyframes berta-app-float{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-8px) rotate(.25deg)}}
@media(max-width:800px){
  .login-visual{overflow:hidden}
  .login-copy p{font-size:14px}
  .welcome-card>p,.welcome-card>h1{max-width:75%}
  .berta-home-app{right:-32px;bottom:-48px;width:150px;opacity:.94}
  .status-card{max-width:78%}
  .support-hero{padding-right:130px;min-height:300px}
  .berta-support-app{right:-12px;bottom:-30px;width:145px}
  .support-actions{max-width:95%}
}
@media(max-width:430px){
  .login-copy h1{font-size:36px}
  .welcome-card>p,.welcome-card>h1{max-width:80%}
  .berta-home-app{right:-10px;bottom:-15px;width:130px}
  .status-card{max-width:82%}
  .support-hero{padding-right:95px}
  .berta-support-app{right:-12px;bottom:-8px;width:120px}
}
@media(prefers-reduced-motion:reduce){.app-mascot{animation:none}}