:root { color-scheme: light; }
* { box-sizing: border-box; }

body{
  margin:0;
  min-height:100vh;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, #f8fafc, #f1f5f9 45%, #eef2ff 100%);
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 1.5rem;
}

.login-shell{ width:100%; max-width: 430px; }

.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  margin-bottom: 1.2rem;
}
.brand-logo{
  width:34px; height:34px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 20%, #22c55e, #0ea5e9);
  box-shadow: 0 10px 30px rgba(2,6,23,0.14);
}
.brand-text-main{
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .98rem;
}
.brand-text-sub{
  font-size: .72rem;
  color:#64748b;
  text-transform: uppercase;
  letter-spacing: .18em;
  margin-top: .1rem;
}

.card{
  background: rgba(255,255,255,0.92);
  border-radius: 1.1rem;
  border: 1px solid rgba(148,163,184,0.45);
  box-shadow: 0 22px 70px rgba(15,23,42,0.12);
  padding: 1.35rem 1.25rem 1.25rem;
}

.card-title{
  font-size: 1.15rem;
  font-weight: 1000;
  margin: 0 0 .3rem;
  text-align:center;
}
.card-subtitle{
  font-size: .88rem;
  color:#64748b;
  text-align:center;
  margin: 0 0 1rem;
}

.alert{
  border-radius: .85rem;
  padding: .75rem .85rem;
  font-size: .9rem;
  margin-bottom: .85rem;
  white-space: pre-line;
}
.alert-error{
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.22);
  color: #7f1d1d;
}

.field-row{ margin-bottom: .85rem; }
.field-label{
  display:block;
  font-size: .85rem;
  font-weight: 800;
  margin-bottom: .35rem;
  color:#334155;
}
.field-input{
  width:100%;
  padding: .6rem .7rem;
  border-radius: .75rem;
  border: 1px solid rgba(148,163,184,0.55);
  background: rgba(248,250,252,0.95);
  color:#0f172a;
  font-size: .95rem;
}
.field-input:focus{
  outline:none;
  border-color: rgba(37,99,235,0.55);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
}

.btn-primary{
  width:100%;
  padding: .65rem .9rem;
  border-radius: .85rem;
  border: none;
  background: linear-gradient(135deg, #0ea5e9, #22c55e);
  color: #06202a;
  font-size: .95rem;
  font-weight: 1000;
  cursor:pointer;
  box-shadow: 0 18px 40px rgba(2,6,23,0.10);
}
.btn-primary:hover{ filter: brightness(0.98); }

.actions{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin-top:.15rem;
}

.register-block{
  margin-top: 1rem;
  padding-top: .95rem;
  border-top: 1px solid rgba(148,163,184,0.35);
  text-align:center;
}
.register-title{
  font-weight: 1000;
  margin-bottom: .55rem;
}
.btn-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .55rem .9rem;
  border-radius: .85rem;
  border: 1px solid rgba(148,163,184,0.55);
  background: rgba(248,250,252,0.95);
  color:#0f172a;
  font-weight: 900;
  text-decoration:none;
}
.btn-link:hover{ background: rgba(241,245,249,0.95); }

.muted{
  font-size: .85rem;
  color:#64748b;
  margin-top: .85rem;
  text-align:center;
  line-height: 1.35;
}

.login-footer{
  margin-top: .95rem;
  font-size: .85rem;
  text-align:center;
  color:#64748b;
}