.signin-container {
      max-width: 450px;
      margin: 0 auto;
      padding: var(--spacing-md);
  }

  .signin-card {
      background-color: var(--color-background);
      border-radius: var(--border-radius-md);
      box-shadow: var(--shadow-medium);
      margin: var(--spacing-md) auto var(--spacing-lg);
      position: relative;
      z-index: 2;
      border: 1px solid rgba(0, 0, 0, 0.05);
      overflow: hidden;
  }

  .signin-card__header {
      padding: var(--spacing-md);
      background-color: var(--color-primary);
      color: white;
      text-align: center;
  }

  .signin-card__title {
      font-size: 1.5rem;
      margin: 0;
      font-weight: 600;
      font-family: var(--font-family-heading);
  }

  .signin-card__content {
      padding: var(--spacing-lg);
  }

  .signin-form__group {
      margin-bottom: var(--spacing-md);
  }

  .signin-form__label {
      display: block;
      margin-bottom: var(--spacing-xs);
      font-weight: 600;
  }

  .signin-form__input {
      width: 100%;
      padding: var(--spacing-sm);
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: var(--border-radius-sm);
      font-family: var(--font-family-base);
      transition: border-color 0.2s ease;
  }

  .signin-form__input:focus {
      outline: none;
      border-color: var(--color-primary);
  }

  .signin-form__remember {
      display: flex;
      align-items: center;
      gap: var(--spacing-xs);
      margin-bottom: var(--spacing-md);
  }

  .signin-form__checkbox {
      margin: 0;
  }

  .signin-form__submit {
      display: block;
      width: 100%;
      padding: var(--spacing-sm) var(--spacing-md);
      background-color: var(--color-primary);
      color: white;
      border: none;
      border-radius: var(--border-radius-sm);
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.2s ease;
  }

  .signin-form__submit:hover {
      background-color: #7a0a0c;
  }

  .signin-form__footer {
      text-align: center;
      margin-top: var(--spacing-md);
  }

  .signin-form__message {
      font-size: 0.95rem;
      opacity: 0.7;
  }

  .signin-alert {
      background-color: #f8d7da;
      color: #721c24;
      padding: var(--spacing-sm);
      border-radius: var(--border-radius-sm);
      margin-bottom: var(--spacing-md);
  }