/* EBO sign-in surfaces: login, signup, forgot, reset. Same atmosphere everywhere. */
body{
  background:
    radial-gradient(900px 520px at 78% -8%, rgba(200,164,99,.22), transparent 60%),
    radial-gradient(700px 420px at 8% 104%, rgba(27,118,118,.45), transparent 62%),
    linear-gradient(162deg,var(--teal-2) 0%,var(--teal) 52%,var(--teal-deep) 100%);
  min-height:100vh;display:grid;place-items:center;padding:26px 20px;position:relative;overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
}
.login{width:min(452px,94vw);position:relative;z-index:1;animation:rise .6s cubic-bezier(.22,.61,.36,1) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.lbrand{text-align:center;margin-bottom:24px}
.lbrand .bx{
  width:56px;height:56px;border-radius:17px;display:inline-grid;place-items:center;
  background:linear-gradient(140deg,var(--gold-light),var(--gold) 60%,var(--gold-dark));
  color:var(--teal-deep);font-weight:700;font-size:27px;font-family:'Jost',system-ui;
  box-shadow:0 14px 34px -12px rgba(200,164,99,.75), inset 0 1px 0 rgba(255,255,255,.6);
}
.lbrand h1{font-family:'Tulpen One',serif;color:var(--cream-2);font-size:56px;line-height:1;margin:14px 0 4px;letter-spacing:.04em}
.lbrand p{color:var(--sage,#9CC4C1);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;margin:0}
.card-li{
  background:linear-gradient(180deg,#fff,var(--cream-2));border:1px solid rgba(200,164,99,.35);border-radius:20px;padding:26px 24px;
  box-shadow:0 40px 80px -34px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.5) inset;margin-bottom:16px;
}
.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.fld label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-dark)}
.fld input{border:1px solid var(--hairline);border-radius:11px;padding:11px 13px;font:400 13.5px 'Jost',system-ui;box-shadow:inset 0 1px 2px rgba(8,32,29,.05);transition:.2s cubic-bezier(.22,.61,.36,1)}
.fld input:hover{border-color:var(--gold-dark)}
.fld input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,164,99,.26)}
.err{background:rgba(163,64,45,.09);border:1px solid rgba(163,64,45,.38);border-left:4px solid #a3402d;color:#a3402d;border-radius:11px;padding:10px 14px;font-size:12.5px;margin-bottom:13px}
.card-li .btn{width:100%;justify-content:center;padding:13px;font-size:11.5px}
.lnote{color:var(--sage,#9CC4C1);font-size:11.5px;text-align:center;margin-top:18px;line-height:1.85}
.lnote a{color:var(--gold-light);text-decoration:none;border-bottom:1px solid rgba(232,223,203,.35)}
.lnote a:hover{color:#fff;border-bottom-color:var(--gold)}
.vendor{text-align:center;color:rgba(156,196,193,.65);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;margin-top:22px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}