.page {
  padding:40rpx;
  min-height:100vh;
  background:var(--color-primary-lighter);
}

.header {
  margin-bottom:48rpx;
}

.title {
  display:block;
  font-size:44rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  margin-bottom:16rpx;
}

.subtitle {
  display:block;
  font-size:28rpx;
  color:var(--color-text-tertiary);
  line-height:1.6;
}

.form {
  background:var(--color-bg-card);
  border-radius:24rpx;
  padding:40rpx;
  margin-bottom:40rpx;
}

.field {
  margin-bottom:32rpx;
}

.label {
  display:block;
  font-size:28rpx;
  color:var(--color-text-primary);
  margin-bottom:16rpx;
  font-weight:500;
}

.input {
  width:100%;
  height:88rpx;
  border:2rpx solid var(--color-border);
  border-radius:16rpx;
  padding:0 24rpx;
  font-size:32rpx;
  box-sizing:border-box;
}

.agreement {
  display:flex;
  align-items:flex-start;
  margin-bottom:32rpx;
  font-size:24rpx;
  color:var(--color-text-secondary);
}

.agreement-text {
  margin-left:12rpx;
  line-height:1.6;
}

.link {
  color:var(--color-primary-strong);
}

.error {
  background:var(--color-primary-light);
  color:var(--color-danger-strong);
  padding:20rpx 24rpx;
  border-radius:12rpx;
  font-size:26rpx;
  margin-bottom:24rpx;
}

.submit-btn {
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:44rpx;
  height:88rpx;
  line-height:88rpx;
  font-size:32rpx;
  font-weight:500;
}

.submit-btn[disabled] {
  background:var(--color-bg-muted);
}

.tips {
  background:var(--color-bg-card);
  border-radius:24rpx;
  padding:32rpx;
}

.tip-title {
  display:block;
  font-size:28rpx;
  font-weight:bold;
  color:var(--color-text-primary);
  margin-bottom:16rpx;
}

.tip-item {
  display:block;
  font-size:24rpx;
  color:var(--color-text-tertiary);
  line-height:2;
}