@media screen and (max-width:640px){
  #loginScreen{padding:0 !important;align-items:stretch !important;justify-content:flex-start !important;min-height:100vh !important;min-height:100svh !important;overflow-x:hidden !important;overflow-y:auto !important;}
  #loginScreen > div.absolute{width:240px !important;height:240px !important;filter:blur(60px) !important;}
  #loginScreen > div.relative{border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;width:100% !important;max-width:100% !important;}
  #loginScreen .grid{border-radius:0 !important;width:100% !important;max-width:100% !important;}
  /* Bloco de marca (topo) */
  #loginScreen .grid > div:first-child{padding:34px 24px 34px !important;text-align:center !important;align-items:center !important;}
  #loginScreen .grid > div:first-child .mb-8{margin-bottom:16px !important;}
  #loginScreen .grid > div:first-child img{height:46px !important;margin:0 auto !important;object-position:center !important;}
  #loginScreen h1{font-size:1.7rem !important;line-height:1.15 !important;margin-bottom:8px !important;letter-spacing:-.02em !important;}
  #loginScreen .grid > div:first-child p{font-size:12.5px !important;line-height:1.45 !important;margin:0 auto 14px !important;max-width:300px !important;opacity:.85 !important;}
  #loginScreen .grid > div:first-child a{font-size:12px !important;justify-content:center !important;}
  /* Cartao do formulario (folha sobreposta) */
  #loginScreen .grid > div:last-child{position:relative !important;z-index:2 !important;margin-top:-20px !important;padding:28px 20px calc(28px + env(safe-area-inset-bottom)) !important;border-radius:24px 24px 0 0 !important;box-shadow:0 -14px 34px -14px rgba(0,0,0,.55) !important;}
  #loginScreen .grid > div:last-child::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:46px;height:4px;border-radius:99px;background:rgba(163,163,163,.35);}
  #loginScreen h2{font-size:1.35rem !important;margin-bottom:2px !important;}
  #loginScreen #loginPane > p, #loginScreen #registerPane > p{margin-bottom:18px !important;font-size:12.5px !important;}
  /* Campos */
  #loginScreen .float-label input{height:56px !important;border-radius:14px !important;padding:22px 14px 8px !important;font-size:16px !important;transition:border-color .18s ease, box-shadow .18s ease !important;}
  #loginScreen .float-label label{left:14px !important;top:18px !important;font-size:14px !important;}
  #loginScreen .float-label input:focus + label,#loginScreen .float-label input:not(:placeholder-shown) + label{top:9px !important;font-size:11px !important;}
  #loginScreen .float-label input:focus{border-color:#f9b439 !important;box-shadow:0 0 0 3px rgba(249,180,57,.18) !important;}
  /* Botoes */
  #loginScreen form button[type="submit"], #loginScreen #registerPane button{width:100% !important;min-height:52px !important;border-radius:14px !important;font-size:15px !important;box-shadow:0 10px 24px -12px rgba(249,180,57,.7) !important;}
  #loginScreen form p.text-xs{margin-top:16px !important;font-size:12px !important;line-height:1.7 !important;}
  #loginScreen form p.text-xs a{padding:6px 2px !important;}
  #loginError{margin-top:2px !important;}
}