.u-body { margin: 0; font-family: Poppins, "Segoe UI", system-ui, sans-serif; color: #252930; background: #f5f5f5; }
.u-top { background: #0c3c73; color: #fff; padding: 0.8rem 1.2rem; display: flex; gap: 1rem; }
.u-top a { color: #fff; }
.u-main { max-width: 420px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
.u-btn { background: #0c3c73; color: #fff; border: 0; border-radius: 8px; padding: 0.55rem 0.9rem; cursor: pointer; font: inherit; }
label { display: block; margin: 0.6rem 0 0.25rem; font-weight: 600; }
input { width: 100%; box-sizing: border-box; padding: 0.55rem 0.7rem; border: 1px solid #efefef; border-radius: 8px; font: inherit; }
#loginWrap, #registerWrap { position: relative; background: #fff; padding: 1rem; border-radius: 10px; border: 1px solid #efefef; }
#loginWrap.u_busy::after, #registerWrap.u_busy::after {
  content: ""; position: absolute; inset: 0; background: rgba(255,255,255,0.55);
}
[hide="any"],
[hide="hide"],
[hide="true"],
[hide="1"] {
  display: none !important;
}
.u-error { background: #fde8e8; color: #8a2a2a; padding: 0.6rem; border-radius: 8px; }
.u-status { background: #e3effc; color: #0c3c73; padding: 0.6rem; border-radius: 8px; }
.u-error:empty, .u-status:empty { display: none; }
.two-fa-inputs { display: flex; gap: 0.4rem; }
.two-fa-inputs input { width: 2.4rem; text-align: center; font-size: 1.2rem; }