:root {
  --zenfold-navy: #0B2545;
  --zenfold-blue: #134074;
  --zenfold-green: #00A86B;
  --zenfold-green-dark: #059669;
  --zenfold-green-light: #E6F7F0;
  --zenfold-bg: #F4F9F6;
}

.label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem;color:#334155}
.input{width:100%;border:1px solid #cbd5e1;border-radius:.5rem;padding:.65rem .75rem;background:#fff;outline:none}
.input:focus{border-color:#00A86B;box-shadow:0 0 0 3px rgba(0,168,107,.15)}
.btn-primary{background:#0B2545;color:#fff;padding:.65rem 1rem;border-radius:.5rem;font-weight:600;transition:all .2s}
.btn-primary:hover{background:#00A86B}
.btn-secondary{background:#e2e8f0;color:#334155;padding:.65rem 1rem;border-radius:.5rem;font-weight:600}
.rating span{display:inline-flex;width:42px;height:38px;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:.5rem;cursor:pointer;font-weight:600}
.rating input{position:absolute;opacity:0}
.rating input:checked+span{background:#00A86B;color:#fff;border-color:#00A86B}
.check{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}
.btn-disabled{background:#cbd5e1;color:#64748b;padding:.65rem 1rem;border-radius:.5rem;font-weight:600;cursor:not-allowed}

.login-input {
  width: 100%;
  padding: 0.75rem 2.6rem 0.75rem 2.6rem;
  border: 1.5px solid #CBD5E1;
  border-radius: 0.75rem;
  background-color: #F8FAFC;
  font-size: 0.95rem;
  color: #0F172A;
  transition: all 0.2s ease-in-out;
  outline: none;
}
.login-input:focus {
  background-color: #FFFFFF;
  border-color: #00A86B;
  box-shadow: 0 0 0 4px rgba(0, 168, 107, 0.15);
}
.btn-zenfold {
  background: linear-gradient(135deg, #0B2545 0%, #134074 100%);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.85rem 1.5rem;
  border-radius: 0.75rem;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  box-shadow: 0 4px 12px rgba(11, 37, 69, 0.15);
}
.btn-zenfold:hover {
  background: linear-gradient(135deg, #00A86B 0%, #059669 100%);
  box-shadow: 0 8px 20px rgba(0, 168, 107, 0.35);
  transform: translateY(-1px);
}