/* Branded Crestline login — matches the marketing-site portal page.
   Scoped: only linked on the login page (via Page.templ beforeHeadEnd). */
body{
  min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:radial-gradient(1200px 600px at 50% -10%, #faf8f4 0%, #f2ede3 55%, #e8e0d0 100%) !important;
  color:#181410;
}
.cl-wordmark{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:26px; letter-spacing:3px;
  text-transform:uppercase; color:#181410; text-decoration:none; text-align:center; margin-bottom:6px;
}
.cl-wordmark span{color:#c9a96e;}
.cl-eyebrow{
  text-align:center; font-family:'Outfit',sans-serif; font-size:11px; letter-spacing:3px;
  text-transform:uppercase; color:#7a7068; margin-bottom:34px;
}
.cl-card{
  width:100%; max-width:400px; background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px -28px rgba(24,20,16,.28); padding:40px 38px 34px;
  display:block;
}
.cl-title{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:30px; line-height:1.1; margin:0 0 6px; color:#181410;}
.cl-title em{font-style:italic; color:#7a5e28;}
.cl-sub{font-family:'Outfit',sans-serif; font-weight:300; font-size:13.5px; color:#5a5248; margin:0 0 28px; line-height:1.5;}
.cl-field{margin-bottom:18px;}
.cl-field label{display:block; font-family:'Outfit',sans-serif; font-size:12px; letter-spacing:.5px; color:#5a5248; margin-bottom:7px; text-transform:uppercase;}
.cl-field input{
  width:100%; font-family:'Outfit',sans-serif; font-size:15px; font-weight:300; color:#181410;
  background:#faf8f4; border:1px solid rgba(0,0,0,.12); border-radius:9px; padding:13px 14px;
  transition:border-color .18s, box-shadow .18s, background .18s;
}
.cl-field input::placeholder{color:#7a7068;}
.cl-field input:focus{outline:none; border-color:#c9a96e; background:#fff; box-shadow:0 0 0 3px rgba(201,169,110,.18);}
.cl-btn{
  width:100%; font-family:'Outfit',sans-serif; font-size:14px; font-weight:400; letter-spacing:.5px;
  color:#faf8f4; background:#181410; border:1px solid #181410; border-radius:9px; padding:14px;
  cursor:pointer; margin-top:4px; transition:background .18s;
}
.cl-btn:hover{background:#2c2720;}
.cl-err{
  font-family:'Outfit',sans-serif; font-size:13px; line-height:1.5; color:#8a3f25; margin-bottom:18px;
  background:#fdf0ea; border:1px solid rgba(184,90,58,.3); border-radius:9px; padding:11px 13px;
}
.cl-foot{
  max-width:400px; text-align:center; margin-top:24px; font-family:'Outfit',sans-serif;
  font-size:12px; color:#7a7068; line-height:1.6;
}