/* Log in / Sign up / password screens, same look as the landing page:
   cream page, Bricolage Grotesque, dark grain hero with the cassowary, pink accent, black buttons. Light only. */
.ba-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:normal;padding:0;background:#f4f2ee;color:#2a0505;font-family:"Bricolage Grotesque",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}

/* hero panel */
.ba-hero{position:relative;isolation:isolate;overflow:hidden;background:#1b1d1a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:320px;padding:28px 24px 30px}
.ba-hbg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(27,29,26,.8) 0%,rgba(27,29,26,0) 55%),linear-gradient(180deg,rgba(27,29,26,0) 35%,rgba(27,29,26,.92) 80%,#1b1d1a 100%),url(/images/hero-cassowary.jpg) 100% 20%/auto 150% no-repeat,#1b1d1a}
.ba-hbg::after{content:"";position:absolute;inset:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.ba-brand{align-self:flex-start;color:#fff;text-decoration:none;font-weight:700;font-size:26px;letter-spacing:-.04em;line-height:1}
.ba-brand span{color:#ff4fa3}
.ba-hcopy h2{margin:0 0 10px;color:#fff;font-weight:700;font-size:clamp(34px,8vw,46px);letter-spacing:-.03em;line-height:1.08;max-width:520px}
.ba-hcopy p{display:none;margin:0 0 18px;max-width:460px;color:#cfc9c4;font-size:clamp(17px,2vw,20px)}
.ba-hcopy small{display:block;color:#bdb6b0;font-size:14px;line-height:1.5}

/* form side */
.ba-card{width:100%;max-width:520px;margin:0 auto;background:transparent;border:0;border-radius:0;box-shadow:none;padding:28px 20px 48px;align-self:center;box-sizing:border-box}
.ba-back{display:inline-block;margin:0 0 22px;color:#4a3a38;font-size:15px;text-decoration:none}
.ba-back:hover{color:#2a0505;text-decoration:underline}
.ba-title{margin:0 0 6px;font-weight:700;font-size:clamp(30px,5vw,38px);letter-spacing:-.03em;line-height:1.1;color:#2a0505}
.ba-mark{font-size:30px;font-weight:700;letter-spacing:-.03em;margin:0 0 4px;color:#2a0505}
.ba-mark span{color:#ff4fa3}
.ba-sub{margin:0 0 22px;color:#4a3a38;font-size:16px;line-height:1.5}
#auth-root form{background:#fff;border:1px solid #d6d0c9;border-radius:20px;padding:22px 20px 20px}
.ba-field{margin-bottom:16px}
.ba-field>span{font-size:14px;font-weight:600;color:#2a0505;margin-bottom:7px}
.ba-field input{padding:13px 14px;font-size:16px;border:1px solid #d6d0c9;border-radius:12px;background:#f4f2ee;color:#2a0505;outline:none;transition:border-color .15s,box-shadow .15s}
.ba-field input:focus{outline:none;border-color:#2a0505;box-shadow:0 0 0 3px rgba(255,79,163,.22)}
.ba-field small{color:#b4233f;font-size:13px}
.ba-btn{padding:15px 26px;font-family:inherit;font-weight:500;font-size:16px;border:1px solid #0f0f0f;border-radius:12px;background:#0f0f0f;color:#fff;transition:background .15s,box-shadow .15s}
.ba-btn:hover:not([disabled]){background:#2a0505;border-color:#2a0505}
.ba-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,79,163,.45)}
.ba-link{font-family:inherit;font-size:15px;color:#2a0505;text-decoration:underline;text-decoration-color:#ff4fa3;text-decoration-thickness:2px;text-underline-offset:4px}
.ba-link:hover{color:#000;text-decoration-color:#2a0505}
.ba-row{margin-top:18px;padding:0 2px}
.ba-alert{border-radius:12px;padding:11px 14px;font-size:15px}
.ba-alert.err{background:#fdeaf0;color:#9b1c3d;border:1px solid #f6c3d3}
.ba-alert.ok{background:#e9f4ec;color:#1b5e32;border:1px solid #bfe0c8}
.ba-load{color:#4a3a38;font-size:16px}

/* desktop: hero on the left, form on the right */
@media(min-width:860px){
  .ba-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .ba-hero{position:sticky;top:0;height:100vh;min-height:520px;padding:36px 48px 40px}
  .ba-hbg{background:linear-gradient(0deg,#1b1d1a 0%,rgba(27,29,26,.9) 38%,rgba(27,29,26,.1) 74%),url(/images/hero-cassowary.jpg) 62% 0/cover no-repeat,#1b1d1a}
  .ba-hcopy p{display:block}
  .ba-hcopy h2{font-size:clamp(40px,4.2vw,58px)}
  .ba-hcopy p{font-size:18px;line-height:1.5}
  .ba-card{padding:56px 40px}
  .ba-wrap>.ba-card{align-self:center}
}
@media(min-width:860px) and (max-height:700px){.ba-hcopy small{display:none}}