/* Shared styles for the auth pages: login, signup, forgot, reset. */
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#1B1714;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
input:focus{outline:none;border-color:#F97316 !important;box-shadow:0 0 0 4px rgba(249,115,22,.12)}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1);opacity:.5}50%{transform:translate(14px,-12px) scale(1.1);opacity:.75}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes livedot{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.btn-primary[disabled]{opacity:.6;cursor:not-allowed}
.goals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.goal-chip{cursor:pointer;border:1.5px solid #E7DFD8;background:#fff;color:#3A352F;font-family:inherit;font-weight:600;font-size:13.5px;padding:9px 14px;border-radius:999px;transition:.12s}
.goal-chip:hover{border-color:#F8C98A}
.goal-chip.sel{background:#F97316;border-color:#F97316;color:#fff;box-shadow:0 8px 18px -10px rgba(249,115,22,.7)}
.msg{font-size:14px;font-weight:600;padding:11px 14px;border-radius:11px;margin-bottom:16px;display:none}
.msg.err{display:block;background:#FFF1ED;color:#C0381A;border:1px solid #FBD9CC}
.msg.ok{display:block;background:#ECFBF1;color:#1B7A43;border:1px solid #CDEFD9}

/* Mobile: show the FORM panel first, compact the brand panel. The two-panel
   layouts are <wrap> > [brand div][form div]; reorder the form above the brand. */
@media (max-width:760px){
  .auth-wrap{align-content:flex-start}
  .auth-wrap > div:nth-child(2){order:-1}
  .auth-wrap > div:first-child{min-height:auto;padding:32px 28px !important}
}