*{box-sizing:border-box}
:root{
  --oz-green:#0c5137;
  --oz-green-dark:#083f2c;
  --oz-gold:#c98c12;
  --oz-gold-deep:#8f5c06;
  --oz-ink:#26352e;
  --oz-muted:#68786e;
  --oz-cream:#fbf7ed;
  --oz-paper:#fffdf7;
}
html,body{min-height:100%;margin:0}
body.oz-login-page{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--oz-ink);
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.94),rgba(251,247,237,.92) 43%,rgba(239,232,215,.96) 100%);
}
.oz-login-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:1.25rem;
}
.oz-login-card{
  width:min(43rem,100%);
  padding:clamp(1.7rem,4vw,3.1rem);
  border:.14rem solid rgba(159,106,10,.78);
  border-radius:1.55rem;
  background:rgba(255,253,247,.94);
  box-shadow:
    0 1.4rem 3rem rgba(60,48,25,.15),
    inset 0 0 0 .24rem rgba(255,255,255,.8),
    inset 0 0 0 .34rem rgba(198,145,41,.22);
}
.oz-login-brand{text-align:center}
.oz-login-logo{
  display:block;
  width:min(18rem,58vw);
  height:auto;
  margin:-.7rem auto .45rem;
  filter:drop-shadow(0 .45rem .45rem rgba(98,59,2,.16));
}
.oz-login-card h1{
  margin:.15rem 0 .65rem;
  color:#2f2e27;
  font-size:clamp(2rem,5.4vw,3.15rem);
  font-weight:500;
  line-height:1;
  letter-spacing:.025em;
  text-transform:uppercase;
  text-shadow:0 .08rem .08rem rgba(201,140,18,.23);
}
.oz-login-ornament,.oz-login-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  color:var(--oz-gold);
}
.oz-login-ornament span,.oz-login-footer span{
  width:min(11rem,31%);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--oz-gold));
}
.oz-login-ornament span:last-child,.oz-login-footer span:last-child{
  background:linear-gradient(90deg,var(--oz-gold),transparent);
}
.oz-login-ornament b,.oz-login-footer b{font-size:1.1rem}
.oz-login-tagline{
  margin:.75rem 0 1.65rem;
  color:var(--oz-green);
  font-size:1.24rem;
  letter-spacing:.025em;
}
.oz-login-error{
  margin:0 0 1rem;
  padding:.72rem .9rem;
  border-left:.22rem solid #a54432;
  background:#f8e7e1;
  color:#7a3024;
  font-family:Arial,sans-serif;
  font-size:.9rem;
}
.oz-login-form label{
  display:block;
  margin:0 0 .38rem;
  color:var(--oz-green-dark);
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.oz-passkey-field{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  min-height:3.7rem;
  border:.1rem solid var(--oz-gold);
  border-radius:.75rem;
  background:#fff;
  box-shadow:inset 0 .1rem .35rem rgba(109,79,21,.06);
}
.oz-passkey-icon{
  padding-left:1rem;
  color:var(--oz-gold-deep);
  font-size:.9rem;
}
.oz-passkey-field input{
  min-width:0;
  width:100%;
  padding:.9rem;
  border:0;
  outline:0;
  background:transparent;
  color:#222;
  font:1.08rem Arial,sans-serif;
}
.oz-passkey-field:focus-within{
  outline:.19rem solid rgba(32,103,75,.18);
  border-color:#9a6a10;
}
.oz-passkey-toggle{
  margin-right:.55rem;
  padding:.48rem .65rem;
  border:0;
  background:transparent;
  color:var(--oz-green);
  font:700 .74rem Arial,sans-serif;
  cursor:pointer;
}
.oz-login-submit{
  width:100%;
  min-height:3.65rem;
  margin-top:1rem;
  border:.12rem solid var(--oz-gold);
  border-radius:.72rem;
  background:linear-gradient(#176847,#0b4d35);
  color:#f5c95b;
  box-shadow:0 .4rem .85rem rgba(34,76,57,.17),inset 0 0 0 .08rem rgba(0,0,0,.12);
  font:500 1.22rem Georgia,serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.oz-login-submit:hover,.oz-login-submit:focus-visible{background:linear-gradient(#1b7350,#0a452f)}
.oz-login-session-note{
  margin:.75rem 0 1.5rem;
  color:var(--oz-muted);
  text-align:center;
  font: .76rem Arial,sans-serif;
}
.oz-login-footer{margin-top:.15rem}
.oz-login-welcome{
  margin:.8rem 0 .15rem;
  color:var(--oz-green);
  text-align:center;
  font-size:1rem;
}
.oz-login-small{
  margin:0;
  color:var(--oz-muted);
  text-align:center;
  font: .77rem Arial,sans-serif;
}
@media(max-width:35rem){
  .oz-login-shell{padding:.6rem}
  .oz-login-card{padding:1.4rem 1rem;border-radius:1rem}
  .oz-login-logo{width:min(13rem,62vw)}
  .oz-login-card h1{font-size:1.85rem;line-height:1.08}
  .oz-login-tagline{font-size:1rem;margin-bottom:1.25rem}
}


/* v2.1.2 — Universal Library ground */
body.oz-login-page{
  background:
    radial-gradient(circle at 50% 23%,rgba(255,255,255,.12),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#7ca68f 0%,#6f9f86 48%,#5e8d75 100%);
}
.oz-login-card{
  box-shadow:
    0 1.4rem 3rem rgba(22,52,38,.28),
    inset 0 0 0 .24rem rgba(255,255,255,.8),
    inset 0 0 0 .34rem rgba(198,145,41,.22);
}